/*

 CSS @4web pour site en div
 fonctionnement par boites, celle-ci s' affichent differemment suivant le conteneur ou elles se trouvent

 pour les remarques ecrire a cedric at a4web.fr

*/ 

body { font: 10px Verdana, Arial, Helvetica, sans-serif;  background-color: #ffffff; margin:0px; padding:0px;}
p { margin:0px 8px 8px 8px; text-indent:10px; text-align:justify;}
hr { clear:both; border:solid #6e71af 1px; height:1px; padding:0px }
h1 { margin:5px 5px 0px 5px; font-weight:bold; font-size: 12px; color: #777ab4;}
h2 { padding-left: 5px; font-size: 13px;font-variant:small-caps;}
h3 { padding-left: 5px; font-size: 12px;}

.gras {font-weight:bold;}
.listeSansPuce {list-style-type: none; margin-top : 2px;}
img { border: none; }
address {text-align: center;font-size: 10px; color: #6e71af;}
.page { position:relative;  margin:auto; padding:0px; margin-top: 4px; width: 775px; height:  600px; z-index: 0;}
.w3c { width: 600px; border: 0px solid;text-align:left;}
.w3c img{ width:80px;padding:10px}
p.centreTexte   {text-align:center; line-height:18px;}

.toolbar{ position: absolute; top: 120px; left: 200px; font-size:9px }
.filet { width:140px; height:1px; z-index: 11; margin-top: 5px 0px 0px 0px;}
.cadre{ position: absolute;  top: 150px; left: 170px; width:605px;}
.namebox { position:relative; top:0px;color: #599b5e; background: url(../images/titreActu.jpg) no-repeat #d9d9e8; text-align: right; padding: 2px; margin-bottom: 8px;font-size: 11px; font-weight:bold; height: 27px;}
.editbox { font-weight:normal; font-size:12px; color:black ; font-style:italic}
.titre { font-size: 12px; }
.titregras { font-size: 12px; font-weight:bold; }
.soustitre{ font-size: 10px; font-weight:normal;}
.collection{ font-style:italic; color: #777ab4;}
.auteur{ font-weight:bold; }
.pasdispo { font-weight:bold; color:#993300; }
.frais { text-align:center; background-color:#dad9e7; }
.couverture{ float:left; margin:5px 10px 5px 5px;width:95px; }
td.top {vertical-align: top;}
.texte { font-style:normal; text-align:justify; padding:10px; margin: 0px; font-size : 11px;text-indent:0px;}
.ajouter { position:relative;height:28px; margin:2px 0px 3px 0px ; clear:both;}
.ajouter .prix{ position:relative; right:0px;float:right; padding-top:7px; font-weight:bold; font-size:12px; margin-right:5px }
.ajouter .pomme{position:relative; right:0px; float:right; height:26px; width:25px;padding:0px ;margin:0px 0px 0px 1px; }
.ajouter .lien{ position:relative; right:0px;float:right;  height:20px; padding:0px;margin: 0px 2px 0px 5px; width: 55px; text-align:left; font-weight: bold; }
.logoLivre{ position: absolute; top: -10px; left:30px; }
.pictonouv{ clear:both }
.vignettelivre{ height:60px; margin:5px 10px 5px 5px; float:left }
.formuLivraison { width:400px; border:1px }
.vert {color :#599b5e; font-weight: bold;}

/* les boites génériques  */
/* Modifier de préférence le comportement dans chaque conteneur ci-après*/
.box_pub, .box_nouveautes, .box_actus, .box_catalogue, .box_coordonnees, .box_detail, .box_liens, .box_liste-actus, .box_liste, .box_panier,.box_panierP, .box_presentation, .box_selection {position: relative; border : 1px solid #dad9e7; }

.box_selection .namebox{ position:relative; background: #66CC33; }
.box_coordonnees .namebox{ background: #66CC33; color:black;}
.box_liens .namebox{ background: #66CC33; color:black; }
.box_detail .namebox{ background:none; background-color: #66CC33; color:black; height: 20px; }
.box_detail .titre{text-transform:uppercase;}
.box_nouveautes .titre { color:black }
.box_liste-actus .namebox{background: #66CC33; color:black;}
/* particularité des boites dans chaque conteneur position: absolute; top: 130px; left: 180px;*/

/* conteneur par défaut */
.conteneur, .conteneur_catalogue { position: relative; top: 0px; }
.conteneur { left: 0px; margin: 0px 0px 0px 7px; padding: 0px; width: 400px;float:left;}
.conteneur_catalogue {width: 100%;}
.conteneur_print { width:17cm;margin:2cm }

/* propriété des boites par conteneur */
.conteneur .box_pub { border : 2px solid #dad9e7;  font-size : 11px;}
.conteneur .box_nouveautes {border : 1px solid #dad9e7; width:auto;overflow:visible}
.conteneur .box_nouveautes .texte { margin:5px }
.conteneur .box_nouveautes .pictonouv { display:none }
.conteneur .box_nouveautes .namebox { background:none;background-color: #66CC33; height: 20px; }
.conteneur .box_actus{ }
.conteneur .box_coordonnees{ }
.conteneur .box_detail .namebox{ background:none;background-color: #66CC33; height: 20px; }
.conteneur .box_liens{ }
.conteneur .box_liste-actus{ }
.conteneur .box_liste{ }
.conteneur .box_panier {text-align:center;width:400px; overflow:hidden ; }
.conteneur .box_panier hr { clear:both; border:solid #6e71af 1px; width:200px; height:1px; padding:0px }
.conteneur .box_panierP p {font-size:11px;margin: 20px;}
.conteneur .box_paypal {position: relative; left: 0px;border:0px solid; text-align:center;}
.conteneur .box_cheque {position: relative;border:0px solid; left:0px;text-align:center;}
.conteneur .box_presentation{ }

.conteneur_print .box_panier hr { clear:both; border:solid #6e71af 1px; width:200px; height:1px; padding:0px }
.conteneur_print .box_panier {text-align:center;width:17cm;}
.conteneur_print .box_panier .detail {float : left; width:50%; padding:0px; margin:0px; overflow:hidden  }
.conteneur_print .box_panier .price{ float : left; width:15%; padding:0px; margin:0px; overflow:hidden }
.conteneur_print .box_panier .quantite{float : left; width:15%; padding:0px; margin:0px; overflow:hidden  }
.conteneur_print .box_panier .action{float : left; width:20%; padding:0px; margin:0px; overflow:hidden }
.conteneur_print .box_panier * { height:14px }
.conteneur_print .box_panier .action img {height:13px; width:13px}
.conteneur_print .box_panier .titre *{ color:green; font-weight:bold; background-color:#dad9e7;}




.conteneur_catalogue .box_catalogue { margin:5px; width:31%; float:right; height:290px; }
.conteneur_catalogue .box_catalogue .ajouter {margin:5px 2px 10px 0px}
.conteneur_catalogue .box_catalogue .namebox {background:none; background-color: #66CC33; height: 20px; }
.conteneur_catalogue .box_catalogue .logoLivre {  }
.conteneur_catalogue .box_catalogue .texte {text-align: left; padding: 5px;  font-style: italic;}
.conteneur_catalogue .box_catalogue .dispo { font-style: italic; }



.manchette_droite{ position: relative; top:0px; left:0px; float:right;width: 185px; text-align: center; background-color:none}

.manchette_droite .box_nouveautes, .manchette_droite .box_nouveautes, .manchette_droite .box_actus, .manchette_droite .box_catalogue, .manchette_droite .box_coordonnees, .manchette_droite .box_detail, .manchette_droite .box_liens, .manchette_droite .box_liste-actus, .manchette_droite .box_liste, .manchette_droite .box_panier, .manchette_droite .box_presentation, .manchette_droite .box_selection { border : 1px solid #6e71af; padding-bottom: 3px;}

.manchette_droite .namebox{ font-size:12px;  }

.manchette_droite .box_actus{ }
.manchette_droite .box_catalogue {  }
.manchette_droite .box_coordonnees p {margin:0px }
.manchette_droite .box_detail{}
.manchette_droite .box_liens{ }
.manchette_droite .box_liste-actus { text-align:left }
.manchette_droite .box_liste-actus .editbox{display:none}
.manchette_droite .box_nouveautes .namebox{display:none}
.manchette_droite .box_nouveautes .logoLivre{display:none}
.manchette_droite .box_nouveautes .texte {display:none}
.manchette_droite .box_nouveautes .texte .plus {display:block}
.manchette_droite .box_nouveautes .couverture { float:none;}
.manchette_droite .box_nouveautes .ajouter { }
.manchette_droite .box_liste{ }
.manchette_droite .box_panier{ }
.manchette_droite .box_presentation{}
.manchette_droite .box_selection .couverture { position:relative; left:40px;  }
.manchette_droite .box_selection h1 { clear:left}
.manchette_droite .box_selection .auteur{ font-weight:normal }
.manchette_droite .box_selection .titre{ color:black; }
.manchette_droite .box_selection .collection {display:none}
.manchette_droite .box_selection .soustitre {display:none}
.manchette_droite .box_selection .suite {display:none}
.manchette_droite .box_selection .texte {display:none}
.manchette_droite .box_selection .editbox{display:none}

/* intérieur général des boites */
.box_panier .couleur0 *{ background-color:#dad9e7;}
.box_panier .couleur1 *{ background-color:#ebebf9;}
.box_panier .detail {float : left; width:200px; padding:0px; margin:0px; overflow:hidden ; }
.box_panier .price{ float : left; width:60px; padding:0px; margin:0px; overflow:hidden }
.box_panier .quantite{float : left; width:60px; padding:0px; margin:0px; overflow:hidden  }
.box_panier .action{float : left; width:80px; padding:0px; margin:0px; overflow:hidden }
.box_panier * { height:14px }
.box_panier .action img {height:13px; width:13px}
.box_panier .titre *{ color:green; font-weight:bold; background-color:#dad9e7;}


/* haut de page */
.hautdepage { position: absolute; top: 0px; width: 775px; height: 177px;}
.hautdepage .logo {position: absolute; top: 0px; left: 102px; width: 300px; height: 100px; }
.hautdepagedroite {float: right;width: 300px; text-align: center;}
.hautdepagedroite .slogan  { position: absolute; top: 50px; left: 430px; width: 340px; margin: 1px;text-align: right; color: #66CC33; font-size: 14px;font-weight: normal; }
.hautdepagedroite img.lettre {position: absolute; top: 70px; right:0px; margin-top: 3px; width: 20px; height: 15px; }
.hautdepagedroite img.lettre:hover { margin-left: 2px;}
.bleu { position: absolute; top: 100px; left:0px; background-color : #E88B28; width: 170px; font-weight: bold; padding-left: 2px;height: 14px; float:left; z-index:2}
.verte  {position: absolute; top: 100px; left: 170px; background-color : #66CC33; width:605px;height: 14px;float:left; z-index:3}

.vertical { position: absolute; top: 200px; left: 2px;z-index: 10;  }

.recherche { position: absolute; top:114px; left:0px; background-color: #FFCC66; width: 170px; height: 90px; z-index:1}
.recherche p { margin: 2px; padding-top : 7px; color: #777ab4; font-weight: bold;}
.recherche form {margin : 7px 0px 0px 0px; padding : 0px;}
.recherche select { font-size: 10px; text-align: center; vertical-align : top; margin: 0px 0px 0px 5px; border-color: #6e71af;  }
.recherche input { font-size: 10px; margin: 5px 0px 0px 5px; vertical-align: middle; border-color: #6e71af; }
.recherche img { border: none;padding-top: 3px;}

/* partie gauche */
.vertical { position: relative; top: 220px; left: 2px; width:16px; z-index: 10; }

.menu {position: absolute; width: 170px; top: 204px; background-color:#FFCC66;  z-index:3}
.menuEditeur { position: relative;left: 0px;width: 140px;margin-left: 25px; padding : 0px;}
.nomEdit { font-size: 11px; color:black; padding: 5px 0px 0px 0px; margin: 0px;}
.nomEditactif { font-size: 11px;  padding: 3px; margin-bottom: 2px; background-color:#babcd6}
.sousMenu{ position: relative; left: 0px; width: 138px; padding:0px; margin-left:7px}
 
.piedDePage { position: relative; bottom: 0px; left: 5px; float:left; width: 605px; height:20px; text-align:left;color:#777ab4; display:block}

.lien { font-size: 10px; margin: 1px; font-weight: normal; }
.lienitalic{ font-size: 10px; margin: 0px 5px 0px 0px; font-weight: normal; font-style:italic;}
a { text-decoration: none; color:#777ab4; }
a.ajout {color: #599b5e; margin:0px; padding: 0px;}
a:hover { text-decoration: underline;}
a.accueil {  color: #ffffff; }
a.accueil:hover {color: #000000; }
a.lienEdit { color: black;  }
a.lienMenu { color: #777ab4;}
a.lienMenuActif { color: #777ab4; text-decoration: underline; font-style: italic;}
a.resume { color: #000000; }
a.suite { color: #777ab4; }
a.suite:hover { color: #dad9e7;} 
a.panierV {  }
/*a.panierV:hover img { visibility: hidden;}*/