@charset "iso-8859-1";
/* feuille de style -  Editions Retz */
/* tous droits réservés */


/* PARAMETRES GENERAUX  */

body{ background-color:#d6d7d4;  }

/* définition de la police texte, tableau (couleur, police taille) */
.td,p,body,table,div {FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR:#707070; FONT-SIZE:12px;}

a{color:#5887a8;}
a:hover{color:#f38228;}

ul.puced      { list-style: none    }
ul.puced li   {  background: url(../images/puce/fleche.gif) left 5px no-repeat; padding: 0 0 0 18px;    }


img{ border:none;}
input, textarea, select{ border:1px solid #004a7f; font-size:10px; color:#888785}
.borderless{ border:none;}
.center{ text-align:center}
.color{ color:#f38228}
.clear{ clear:both; visibility:hidden; margin-bottom:20px;}
.blue{ color:#00497f}
.bold{ font-weight:bold}

h1{ position:absolute;top: 50px; left: 50px;}
h1 a {  width: 300px; height: 170px;   text-indent: -999em ;     }
h2{ width:700px; height:34px;background-image:url(../images/titre/titre0bis.gif);  background-repeat:no-repeat; text-align:right; padding-right:20px; padding-top:5px; font-weight:normal}
h2.grdtitre0{background-image:url(../images/titre/titre0.gif);}
h2.grdtitre1{background-image:url(../images/titre/titre1.gif);}
h2.grdtitre2{background-image:url(../images/titre/titre2.gif);}
h2.grdtitre3{background-image:url(../images/titre/titre3.gif);}
h2.grdtitre4{background-image:url(../images/titre/titre4.gif);}
h2.grdtitre5{background-image:url(../images/titre/titre5.gif);}
h2.grdtitre6{background-image:url(../images/titre/titre6.gif);}
h2.grdtitre7{background-image:url(../images/titre/titre7.gif);}
h2.grdtitre8{background-image:url(../images/titre/titre8.gif);}
h2.grdtitre9{background-image:url(../images/titre/titre9.gif);}
h2.grdtitre10{background-image:url(../images/titre/titre10.gif);}
h2.grdtitre11{background-image:url(../images/titre/titre11.gif);}


h5 { width:546px; height:34px; background: url(../images/titre/titre0.gif) left top no-repeat; font: normal 13px arial; background-color: #fff; 
      text-align:right; padding-right:20px; padding-top:1px;  }
h5 span { }

h6   {font: normal 11px arial;  }
		
h4{ color:#00497f; text-align:center; font-weight:bold; font-size:14px;}

.gauche{ text-align:left;}
.path{ text-align:center}

#header{ width:1004px; height:198px; background:url(../images/fond/header.jpg) top left no-repeat; background-color:#fff}
#footer{ width:1004px; height:44px; background-image:url(../images/fond/footer.gif);}
#menu_left{width:208px; background-image:url(../images/fond/menu_left.gif); padding-top:20px;}
#contenu{width:796px; background-image:url(../images/fond/contenu.gif); }
.contient{ width:710px; margin-left:20px;}

.top{ text-align:right; margin-right:75px; text-decoration:none}
.top a{ font-weight:bold;color:#00497f;}

/* -------   HEADER   ------- */
#intro img{ margin-top:25 px; margin-left:30px; border:1px s #FF0000}


.menu_cadre{ float:right; width:780px; margin-right:30px; margin-top:4px; position:relative}
.table_cadre{ width:100%}
.menu_cadre input{ width:100px; height:15px;}

/*.cadre_rechercher{ background-image:url(../images/illustr/cadre_rechercher.gif); width:234px; height:72px; position:relative; top: 0px; left: -12px; }
.cadre_newsletter{ background-image:url(../images/illustr/cadre_newsletter.gif); width:273px; height:73px; background-repeat:no-repeat; position:relative; top: 0px; left: -7px;}
.cadre_catalogue{ background-image:url(../images/illustr/cadre_catalogue.gif); width:234px; height:71px;  position:relative; top: 0px; left: -12px;}
.cadre_panier{ background-image:url(../images/illustr/cadre_panier.gif); width:273px; height:71px;  position:relative; top: 0px; left: -7px;}
.cadre_perso{ background-image:url(../images/illustr/cadre_perso.gif); width:184px; height:158px;}

.cadre_newsletter{}
.cadre_newsletter form p   { position:relative; top: -2px; left: -15px;  }
.cadre_newsletter form p * { float: left; margin: 0 0 0 5px;  }
.cadre_newsletter form p select option { float: none }
input#validNL { position: absolute;top: 15px; right: 5px; }*/

.link-compagnons{ position:absolute; top:44px; left:13px}
.link-auteurs{ position:absolute; top:120px; left:17px}
.link-catalogues{ position:absolute; top:40px; left:370px}
.link-perso{ position:absolute; top:83px; left:410px}
.link-panier{ position:absolute; top:119px; left:286px}
.link-panier a{ color:#b7b6b5}
.link-rechercher{ position:absolute; top:0px; left:522px; width:320px; height:51px}
.link-avance{ position:absolute; top:46px; left:543px}
.link-newsletter{ position:absolute; top:97px; left:728px}
.link-rss{ position:absolute; top:120px; left:728px}

/* ------   CADRE CONNEXION   ------- */
/*#perso{ background-color:#f2f2f2; border:1px solid #ccc; padding:4px; position:absolute; top:40px; left:460px}*/
#perso-content{ position:absolute; top:40px; left:460px}
#perso{ background-color:#f2f2f2; border:1px solid #ccc; padding:4px}








p#filRSS       { position:relative; top: -10px; left: -17px;  }
p#filRSS span  { display: none;  }


		/* ------   CADRE RECHERCHE   ------- */
		.search{ margin-top:0px; padding-top:20px; margin-left:22px; margin-bottom:0px;}
		.search input{ margin-top:3px;}
		
		/* ------   CADRE NEWSLETTER   ------- */
		.cadre_newsletter p{ padding-top:25px; padding-left:30px; margin-top:0px}
/*		.cadre_newsletter img{ margin:-4px 0 0 135px;}*/
		
		/* ------   CADRE CATALOGUE   ------- */
		.cadre_catalogue img{ padding-top:45px; padding-left:35px; margin-top:0px}
		
		/* ------   CADRE ESPACE PERSO   ------- */
		.cadre_perso #menu_login{ padding-top:20px; padding-right:5px; margin-top:0px}
		.cadre_perso a{ font-size:10px; text-decoration:none}
		.cadre_perso #bonjour{ padding:40px 10px 0 0; margin:0 0 0 0 }
		.cadre_perso .bonjour li{ list-style-type:none; text-align:center}
		
		/* ------   CADRE CATALOGUE   ------- */
		.cadre_panier p{ padding-top:30px; padding-left:35px;}

		/* ------   MENU   ------- */
		#menu-top{ margin-left:185px; margin-top:-26px; position:absolute}
		#menu-top li{ display:inline; list-style-type:none}



/* ------   MENU LEFT   ------- */


.on{ background-color:#eeecec; color:#004a7f;}

/*niveau 1*/

.left li          { list-style-type:none; border-bottom:1px solid #c2c2c2; padding-left:30px; margin-left:-30px; padding-bottom:5px; font-weight:bold;  cursor:pointer; font-size:12px;}
.left li a        { color:#6b6a6a; text-decoration:none; font-weight:bold;  }
.left li a:hover  { color:#004a7f;}

.left .menu-0{ background-image:url(../images/puce/puce-0.gif); background-repeat:no-repeat; background-position:top left 0 12px;}
.left .menu-1{ background-image:url(../images/puce/puce-1.gif); background-repeat:no-repeat; background-position:top left 0 12px;}
.left .menu-2{ background-image:url(../images/puce/puce-2.gif); background-repeat:no-repeat; background-position:top left 0 12px;}
.left .menu-3{ background-image:url(../images/puce/puce-3.gif); background-repeat:no-repeat; background-position:top left 0 12px;}
.left .menu-4{ background-image:url(../images/puce/puce-4.gif); background-repeat:no-repeat; background-position:top left 0 12px;}
.left .menu-5{ background-image:url(../images/puce/puce-5.gif); background-repeat:no-repeat; background-position:top left 0 12px;}
.left .menu-6{ background-image:url(../images/puce/puce-6.gif); background-repeat:no-repeat; background-position:top left 0 12px;}
.left .menu-7{ background-image:url(../images/puce/puce-7.gif); background-repeat:no-repeat; background-position:top left 0 12px;}
.left .menu-8{ background-image:url(../images/puce/puce-8.gif); background-repeat:no-repeat; background-position:top left 0 12px;}
.left .menu-9{ background-image:url(../images/puce/puce-9.gif); background-repeat:no-repeat; background-position:top left 0 12px;}
.left .menu-10{ background-image:url(../images/puce/puce-10.gif); background-repeat:no-repeat; background-position:top left 0 12px;}
.left .menu-11{ background-image:url(../images/puce/puce-11.gif); background-repeat:no-repeat; background-position:top left 0 12px;}

/*niveau 2*/
.left li li{ border:none; padding-left:10px; margin-left:-40px;font-size:11px;color:#9a9999;}
.left li li a{ color:#9a9999; font-size:11px; }
.left li li a:hover{ color:#004a7f; }

.left .menu-1 li{ background:url(../images/puce/sspuce-1.gif) 0px 3px; background-repeat:no-repeat;}
.left .menu-2 li{ background:url(../images/puce/sspuce-2.gif) 0px 3px; background-repeat:no-repeat;}
.left .menu-3 li{ background:url(../images/puce/sspuce-3.gif) 0px 3px; background-repeat:no-repeat; }
.left .menu-4 li{ background:url(../images/puce/sspuce-4.gif) 0px 3px; background-repeat:no-repeat;}
.left .menu-5 li{ background:url(../images/puce/sspuce-5.gif) 0px 3px; background-repeat:no-repeat;}
.left .menu-6 li{ background:url(../images/puce/sspuce-6.gif) 0px 3px; background-repeat:no-repeat; }
.left .menu-7 li{ background:url(../images/puce/sspuce-7.gif) 0px 3px; background-repeat:no-repeat;}
.left .menu-8 li{ background:url(../images/puce/sspuce-8.gif) 0px 3px; background-repeat:no-repeat;}
.left .menu-9 li{ background:url(../images/puce/sspuce-9.gif) 0px 3px; background-repeat:no-repeat;}
.left .menu-10 li{ background:url(../images/puce/sspuce-10.gif) 0px 3px; background-repeat:no-repeat;}
.left .menu-11 li{ background:url(../images/puce/sspuce-11.gif) 0px 3px; background-repeat:no-repeat;}


/*niveau 3*/
.left ul ul li{ margin-left:-80px;padding-left:50px;}
.left ul ul li a{ color:#ababaa; font-weight:normal;  }
.left ul ul a:hover{ color:#004a7f; }

.left .menu-1 li li{ background:url(../images/puce/sssspuce-1.gif) 40px 3px; background-repeat:no-repeat;}
.left .menu-2 li li{ background:url(../images/puce/sssspuce-2.gif) 40px 3px; background-repeat:no-repeat;}
.left .menu-3 li li{ background:url(../images/puce/sssspuce-3.gif) 40px 3px; background-repeat:no-repeat; }
.left .menu-4 li li{ background:url(../images/puce/sssspuce-4.gif) 40px 3px; background-repeat:no-repeat;}
.left .menu-5 li li{ background:url(../images/puce/sssspuce-5.gif) 40px 3px; background-repeat:no-repeat;}
.left .menu-6 li li{ background:url(../images/puce/sssspuce-6.gif) 40px 3px; background-repeat:no-repeat;}
.left .menu-7 li li{ background:url(../images/puce/sssspuce-7.gif) 40px 3px; background-repeat:no-repeat;}
.left .menu-8 li li{ background:url(../images/puce/sssspuce-8.gif) 40px 3px; background-repeat:no-repeat;}
.left .menu-9 li li{ background:url(../images/puce/sssspuce-9.gif) 40px 3px; background-repeat:no-repeat;}
.left .menu-10 li li{ background:url(../images/puce/sssspuce-10.gif) 40px 3px; background-repeat:no-repeat;}
.left .menu-11 li li{ background:url(../images/puce/sssspuce-11.gif) 40px 3px; background-repeat:no-repeat;}

/* 			rssListe             */

div#rssCadre 		{ border-top: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-right: 1px solid #d5d4d4; border-bottom: 1px solid #d5d4d4;  width: 60%;   position:relative; top: 0px; left: 0px; margin: 0 auto ;
                    padding: 12px   }
ul#rssListe 		{      }
ul#rssListe li		{ border: none; zoom:1;     }
ul#rssListe li	ul li { background: url(../images/puce/puceGrise.gif) left 3px no-repeat; padding: 0 0 0 17px;  zoom:1;   }




/* -------   FOOTER   ------- */
.txtfoot{ color:#5887a8; font-weight:bold; font-size:10px; text-align:center;}
.txtfoot a{ text-decoration:none;}



/* -------   HOME   ------- */
.vert{ float:left; margin-right:20px; margin-left:20px; width:224px;}
.vert .titre{ background-image:url(../images/titre/fond_titre_vert.gif); width:224px; height:27px; background-repeat:no-repeat }
.vert .texte{ border:1px solid #eaa81a; height:200px; background-image:url(../images/illustr/actu_home.jpg); background-repeat:no-repeat; background-position:bottom left; padding-bottom:50px; padding-top:5px;}

.bleu{width:313px;}
.bleu .titre{ background-image:url(../images/titre/fond_titre_bleu.gif); width:313px; height:27px; background-repeat:no-repeat  }
.bleu .texte{ border:1px solid #36aef3; height:100px;padding-top:5px; padding-bottom:5px;}
.bleu .liens a{ text-decoration:none; color:#f38228;}
.bleu .liens a:hover{ color:#f336b7;}
.bleu .liens{ float:left}
.bleu .liens img{ margin-bottom:3px;}

.orange{width:313px; margin-bottom:15px; }
.orange .titre{ background-image:url(../images/titre/fond_titre_orange.gif); width:313px; height:27px;  background-repeat:no-repeat }
.orange .texte{ border:1px solid #f38228; height:100px;padding-top:5px;}

.titre{ font-weight:bold; padding-left:10px;}
.texte p { margin:0; padding-left:10px; padding-right:10px;}
.title{ font-weight:bold; color:#357db3; font-size:14px;}
.subtitle{ font-weight:bold; margin-bottom:13px;}
.space{ height:20px;}

/* -------   NOTICES   ------- */
/* Les couleurs de bandeau vont de 0 à 11 comme pour les couleurs des menus
   La mention P est mise pour le bandeau de petite taille
   La mention G est mise pour le bandeau de grande taillle
 */
 
.notice11P, .notice0P, .notice1P, .notice2P, .notice3P, .notice4P, .notice5P, .notice6P, .notice7P, .notice8P, .notice9P, .notice10P, .notice11P{ margin-right:20px; margin-left:20px; width:224px;}
.notice11P .texte, .notice0P .texte, .notice1P .texte, .notice2P .texte, .notice3P .texte, .notice4P .texte, .notice5P .texte, .notice6P .texte, .notice7P .texte, .notice8P .texte, .notice9P .texte, .notice10P .texte, .notice11P .texte{ height:200px; background-image:url(../images/illustr/actu_home.jpg); background-repeat:no-repeat; background-position:bottom left; padding-bottom:50px; padding-top:5px;}
.notice11P .liens a, .notice0P .liens a, .notice1P .liens a, .notice2P .liens a, .notice3P .liens a, .notice4P .liens a, .notice5P .liens a, .notice6P .liens a, .notice7P .liens a, .notice8P .liens a, .notice9P .liens a, .notice10P .liens a, .notice11P .liens a{ text-decoration:none; color:#f38228;}
.notice11P .liens a:hover, .notice0P .liens a:hover, .notice1P .liens a:hover, .notice2P .liens a:hover, .notice3P .liens a:hover, .notice4P .liens a:hover, .notice5P .liens a:hover, .notice6P .liens a:hover, .notice7P .liens a:hover, .notice8P .liens a:hover, .notice9P .liens a:hover, .notice10P .liens a:hover, .notice11P .liens a:hover{ color:#004a7f;}
.notice11P .liens, .notice0P .liens, .notice1P .liens, .notice2P .liens, .notice3P .liens, .notice4P .liens, .notice5P .liens, .notice6P .liens, .notice7P .liens, .notice8P .liens, .notice9P .liens, .notice10P .liens, .notice11P .liens{ float:left}
.notice11P .liens img, .notice0P .liens img, .notice1P .liens img, .notice2P .liens img, .notice3P .liens img, .notice4P .liens img, .notice5P .liens img, .notice6P .liens img, .notice7P .liens img, .notice8P .liens img, .notice9P .liens img, .notice10P .liens img, .notice11P .liens img{ margin-bottom:3px;}


.notice0P .titre{ background-image:url(../images/titre/fond_titre_0p.gif); width:224px; height:27px; background-repeat:no-repeat }
.notice1P .titre{ background-image:url(../images/titre/fond_titre_1p.gif); width:224px; height:27px; background-repeat:no-repeat }
.notice2P .titre{ background-image:url(../images/titre/fond_titre_2p.gif); width:224px; height:27px; background-repeat:no-repeat }
.notice3P .titre{ background-image:url(../images/titre/fond_titre_3p.gif); width:224px; height:27px; background-repeat:no-repeat }
.notice4P .titre{ background-image:url(../images/titre/fond_titre_4p.gif); width:224px; height:27px; background-repeat:no-repeat }
.notice5P .titre{ background-image:url(../images/titre/fond_titre_5p.gif); width:224px; height:27px; background-repeat:no-repeat }
.notice6P .titre{ background-image:url(../images/titre/fond_titre_6p.gif); width:224px; height:27px; background-repeat:no-repeat }
.notice7P .titre{ background-image:url(../images/titre/fond_titre_7p.gif); width:224px; height:27px; background-repeat:no-repeat }
.notice8P .titre{ background-image:url(../images/titre/fond_titre_8p.gif); width:224px; height:27px; background-repeat:no-repeat }
.notice9P .titre{ background-image:url(../images/titre/fond_titre_9p.gif); width:224px; height:27px; background-repeat:no-repeat }
.notice10P .titre{ background-image:url(../images/titre/fond_titre_10p.gif); width:224px; height:27px; background-repeat:no-repeat }
.notice11P .titre{ background-image:url(../images/titre/fond_titre_11p.gif); width:224px; height:27px; background-repeat:no-repeat }



.notice11G, .notice0G, .notice1G, .notice2G, .notice3G, .notice4G, .notice5G, .notice6G, .notice7G, .notice8G, .notice9G, .notice10G, .notice11G{width:313px; margin-bottom:15px  }
.notice11G .texte, .notice0G .texte, .notice1G .texte, .notice2G .texte, .notice3G .texte, .notice4G .texte, .notice5G .texte, .notice6G .texte, .notice7G .texte, .notice8PG .texte, .notice9G .texte, .notice10G .texte, .notice11G .texte{ height:100px;padding-top:5px;padding-bottom:5px;}
.notice11G .liens a, .notice0G .liens a, .notice1G .liens a, .notice2G .liens a, .notice3G .liens a, .notice4G .liens a, .notice5G .liens a, .notice6G .liens a, .notice7G .liens a, .notice8G .liens a, .notice9G .liens a, .notice10G .liens a, .notice11G .liens a{ text-decoration:none; color:#f38228;}
.notice11G .liens a:hover, .notice0G .liens a:hover, .notice1G .liens a:hover, .notice2G .liens a:hover, .notice3G .liens a:hover, .notice4G .liens a:hover, .notice5G .liens a:hover, .notice6G .liens a:hover, .notice7G .liens a:hover, .notice8G .liens a:hover, .notice9G .liens a:hover, .notice10G .liens a:hover, .notice11G .liens a:hover{ color:#004a7f;}
.notice11G .liens, .notice0G .liens, .notice1G .liens, .notice2G .liens, .notice3G .liens, .notice4G .liens, .notice5G .liens, .notice6G .liens, .notice7G .liens, .notice8G .liens, .notice9G .liens, .notice10G .liens, .notice11G .liens{ float:left}
.notice11G .liens img, .notice0G .liens img, .notice1G .liens img, .notice2G .liens img, .notice3G .liens img, .notice4G .liens img, .notice5G .liens img, .notice6G .liens img, .notice7G .liens img, .notice8G .liens img, .notice9G .liens img, .notice10G .liens img, .notice11G .liens img{ margin-bottom:3px;}


.notice0G .titre{ background-image:url(../images/titre/fond_titre_0g.gif); width:313px; height:27px;  background-repeat:no-repeat }
.notice1G .titre{ background-image:url(../images/titre/fond_titre_1g.gif); width:313px; height:27px;  background-repeat:no-repeat }
.notice2G .titre{ background-image:url(../images/titre/fond_titre_2g.gif); width:313px; height:27px;  background-repeat:no-repeat }
.notice3G .titre{ background-image:url(../images/titre/fond_titre_3g.gif); width:313px; height:27px;  background-repeat:no-repeat }
.notice4G .titre{ background-image:url(../images/titre/fond_titre_4g.gif); width:313px; height:27px;  background-repeat:no-repeat }
.notice5G .titre{ background-image:url(../images/titre/fond_titre_5g.gif); width:313px; height:27px;  background-repeat:no-repeat }
.notice6G .titre{ background-image:url(../images/titre/fond_titre_6g.gif); width:313px; height:27px;  background-repeat:no-repeat }
.notice7G .titre{ background-image:url(../images/titre/fond_titre_7g.gif); width:313px; height:27px;  background-repeat:no-repeat }
.notice8G .titre{ background-image:url(../images/titre/fond_titre_8g.gif); width:313px; height:27px;  background-repeat:no-repeat }
.notice9G .titre{ background-image:url(../images/titre/fond_titre_9g.gif); width:313px; height:27px;  background-repeat:no-repeat }
.notice10G .titre{ background-image:url(../images/titre/fond_titre_10g.gif); width:313px; height:27px;  background-repeat:no-repeat }
.notice11G .titre{ background-image:url(../images/titre/fond_titre_11g.gif); width:313px; height:27px;  background-repeat:no-repeat }


.notice0P .texte, .notice0G .texte{border:1px solid #f3db36;}
.notice1P .texte, .notice1G .texte{border:1px solid #eaa81a;}
.notice2P .texte, .notice2G .texte{border:1px solid #f33636;}
.notice3P .texte, .notice3G .texte{border:1px solid #f336b7;}
.notice4P .texte, .notice4G .texte{border:1px solid #ae36f3;}
.notice5P .texte, .notice5G .texte{border:1px solid #69208e;}
.notice6P .texte, .notice6G .texte{border:1px solid #365af3;}
.notice7P .texte, .notice7G .texte{border:1px solid #16aad5;}
.notice8P .texte, .notice8G .texte{border:1px solid #27d696;}
.notice9P .texte, .notice9G .texte{border:1px solid #86d627;}
.notice10P .texte, .notice10G .texte{border:1px solid #d5e57e;}


.themes .notice1G, .themes .notice2G, .themes .notice3G, .themes .notice4G, .themes .notice5G, .themes .notice6G, .themes .notice7G, .themes .notice8G, .themes .notice9G, .themes .notice10G, { float:none; margin:0}

.themes{ margin-left:20px}



/* -------   CONTACT   ------- */
.attention{ color:#aaa; text-align:center; font-size:11px;}
.formu{border:1px solid #CCC; padding:15px;}
.contact{background-image:url(../images/illustr/contact.jpg); background-repeat:no-repeat; background-position:top right;}
.formu p{ text-align:right; margin-right:450px;}
.contact p{ text-align:left; margin-right:0}
.contact .part1{ margin:0; width:300px; margin-left:50px; margin-top:20px; margin-bottom:20px}
.contact .part2{ float:right; margin-right:20px; width:300px;margin-top:20px; margin-bottom:20px}
.part1 i, .part2 i{ font-size:11px}
.formu .comm{ text-align:center; margin-right:300px;}
.valid {color:#fff; font-size:10px; font-family:Arial, Helvetica, sans-serif; background-image:url(../images/bt/fd_bt.gif); height:20px; background-repeat:repeat; width:auto}
.formu select{ width:120px;}
.denied li{ color:#FF0000;}

/* -------   FORGET   ------- */
.forget{background-image:url(../images/illustr/forget.jpg); background-repeat:no-repeat; background-position:top right;}

/* -------   REGISTER  ------- */
.register{background-image:url(../images/illustr/contact.jpg); background-repeat:no-repeat; background-position:top right;}
.register p{ text-align:right;}
.register .part1{}
.register .part2{ float:right; margin-right:100px;}

/* -------   NEWSLETTER ------- */
.newsletter{background-image:url(../images/illustr/newsletter.jpg); background-repeat:no-repeat; background-position:top right;}
.newsletter p{ width:300px; margin:0; padding:0}

/* -------   MENTIONS ------- */
.cols1{ float:left; margin-left:100px}
.cols1, .cols2{ border:1px solid #004a7f; width:250px; height:160px;}
.cols2{ margin-left:400px;}

/* -------   COLLECTION ------- */
#collection td{ width:180px; text-align:center; padding-bottom:15px; padding-top:15px;}
.selection{ background-image:url(../images/fond/selection.gif); background-repeat:no-repeat; background-position:center; height:215px;}
#detail-collection{ border:1px solid #d0cece; }
#detail-collection td, #auteur td{ padding:10px; font-size:12px; padding-bottom:40px;}
#detail-collection a, #auteur a{ text-decoration:none; color:#939291}
#detail-collection p, #auteur p{ margin:0}

#detail-collection .info, #auteur .info{ font-size:12px;}
#detail-collection .info li, #auteur .info li{ font-size:12px;}

#detail-collection .marge, #auteur .marge{ margin-top:15px; margin-bottom:15px;}

.prod_titre{ color:#004a7f; font-weight:bold; font-size:14px}
.prod_titre a{ text-decoration:none}

#detail-collection .price, #catalogue .price{ font-size:12px; font-weight:bold; color:#f38228; margin-top:10px; margin-bottom:10px; line-height:120%}
#detail-collection .price_prod{ font-size:12px; font-weight:bold; color:#f38228; margin-top:15px; margin-bottom:15px;}


#detail-collection .add a, #auteur .add a{ color:#004a7f; font-size:12px; font-weight:bold}
#detail-collection .add a:hover, #auteur .add a:hover{ text-decoration:underline}


.links{ text-align:right; font-weight:bold; color:#9d9d9d}

/* -------  AUTEUR ------- */
#auteur{  border:1px solid #d0cece; background-image:url(../images/illustr/auteur.jpg); background-repeat:no-repeat; background-position:right bottom; padding-bottom:200px }
.prod_auteur{ color:#777;}
#auteur h3{ margin-top:0px;}
#auteur .price{ font-size:12px; font-weight:bold; color:#f38228;}


/* -------  ARTICLES ------- */
.articles{ margin-bottom:20px; border-bottom:1px solid #004a7f; padding-bottom:10px;}
.articles h3{ margin:0}
.articles p{ margin:0}
.date{ font-weight:normal;  font-style:italic; color:#999;}


/* -------  CATAOGUE ------- */
.descri-cata{ line-height:150%; margin-top:2px; margin-left:0px; padding-left:0px;}
.cata{border:1px solid #CCC; height:100%}
.livre{border:1px solid #CCC;}

/* -------  TELECHARGER ------- */
.border{ border-bottom: 1px solid #ccc}
.border a{ text-decoration:none;}

/* -------   RECHERCHE ------- */
.recherch{background-image:url(../images/illustr/recherche.jpg); background-repeat:no-repeat; background-position:bottom right;}
.recherch input{ width:300px;}
.recherch .valid{ width:auto;}
.recherch select{ width:300px;}
.recherch .date-recherche select{ width:auto;}
.recherch p{ text-align:right; margin-right:280px;}


/* -------   CATALOGUES ------- */
.catalogues td{ border:1px solid #CCC}

/* -------   FORUMS ------- */
.table_forum{ border:1px solid #ccc}

/* ------- MENU NOUVEAUTES ------*/
#defileArticles {
width:150px;
height:730px;
margin:0px 0px 20px 15px;
}

#pscroller {
position:relative;
top:0px; 
left: -4px;
height:730px; 
margin:0px 0 0;
padding:0px;
font:normal 10px verdana;  
}

div.imgdefile {
text-align:left;
margin:0 0 0px;
padding: 0px 0px 0px 0px; 
}

div.imgdefile img{ border:1px solid #ccc; margin:5px 0 0 0;
}


/* -------   BOUTTON DYNAMIQUE   ------- */
.button{background-image:url(../images/fond/bt_centre.gif); color:#f38228; font-weight:bold; font-size:11px;}
.button a{ text-decoration:none;}


div.formu{ padding:0px 10px 0px 10px}
div.formu li{ list-style-image:url(../images/puce/fleche.gif)}



/* -------   PAGES PANIER   ------- */
.basket{ margin-top:0px; background-image:url(../images/illustr/basket.jpg); background-repeat:no-repeat; background-position:bottom right;}
.panier .entete th { background-color:#004a7f; color:#fff;}
.panier td{ border-bottom:1px solid #CCC}
.panier .price { color:#FF9900}
.btn3{ width:100%}
.message li{ list-style-type:none; background-image:url(../images/puce/warning.gif); background-position:top left; color:#CC0000; background-repeat:no-repeat; padding-left:20px; }
.reca .part1{ margin:0; width:200px; margin-left:80px; margin-top:20px; margin-bottom:20px; text-align:left; padding:10px}
.reca .part2{ float:right; margin-right:80px; width:200px;margin-top:18px; margin-bottom:20px; text-align:left; padding:10px}

.menubasket .p1{ margin:25px 0 0 15px; padding:0}
.menubasket .p2{ margin:5px 0px -20px 100px; padding:0}

.news ul li{ list-style-type:none}
.news input.box{ border:none}


/* -------   PAGE DEMANDE DE SPECIMEN   ------- */
/* -------   Laurent VUILLAUME 31/03/2009   ------- */


div#block_confirmation {
	float: left;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width:100%;
}

div.conteneur_spe {
	float:left;
	border:1px solid #CCCCCC;
	padding:15px;
}


div#presentation_ouv {
	float: left;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width:100%;
}

div.pos_couv {
	float:right;
}

div.descriptif_ouv {
float:left;

}



div#le_manuel {
border:1px solid #CCCCCC;
float:left;
height:185px;
margin-top:50px;
padding-top:15px;
padding-left:145px;
width:545px;
}

div#le_manuel_2 {
border:1px solid #CCCCCC;
float:left;
height:258px;
margin-top:50px;
padding-top:15px;
padding-left:145px;
width:545px;
}

div.couv_ouvrage {
float:left;
}

div.couv_ouvrage img{
border:1px solid #707070;
}

div.descriptifs_manuel {
	margin-left:20px;
	float:left;
	text-align: left;
}

div#blocs_information {
margin-top:50px;
border:1px solid #CCCCCC;
width:690px;
height:207px;
float:left;

}

div#blocs_information_2 {
margin-top:50px;
border:1px solid #CCCCCC;
width:100%;
height:auto;
float:left;

}

div.conteneur_infos{
	padding-top:15px;
	width:500px;
	
	margin-left:110px;
	text-align: left;
}

div.info_coordonne {
	float:left;
	width:auto;
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

div.info_coordonne2 {
	float:left;
	width:165px;
	height:180px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

div.info_adresse2 {
	margin-left:20px;
	float:left;
	width:275px;
	
}

div.info_adresse {
	padding-left:47px;
	float:left;
	width:250px;
	
}

div.bas_form {
	margin-top:15px;
	float:left;
	width:500px;
	height:20px;
	}

div.certif {
	margin-right:10px;
	float:left;
	width:376px;
	height:20px;
	background-image: url(../images/bt/fond_certif.jpg);
	background-repeat: no-repeat;	
}

div.validation_bout {
	margin-left:10px;
	width:54px;
	height:20px;
	float:left;
		
}

.liens_modif {
	line-height:30px;
	font-weight: bold;
	text-decoration: underline;
	color: #707070;
}

.liens_manuel {
	font-weight: bold;
	text-decoration: none;
	color: #707070;
}

div.commentaire_info {
	float:left;
 width:540px;
 display:block;
 padding-bottom:15px;
}

input.bout_valider {
float:left;
border:0px;
}

div.info_coordonne h4{
padding:0px;
margin:0px;
}

div.info_adresse h4 {
padding:0px;
margin:0px;
}

a.btinscription {
display:block;
margin-top:15px;
margin-left:195px;
margin-right:140px;
background-image:url(../images/bt/fd_bt.gif);
background-repeat:repeat;
border:1px solid #004A7F;
color:#FFFFFF;

line-height:20px;
text-align: center;
text-decoration:none;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
height:18px;
width:52px;
}

div.btvalider {
	float:left;
}

.input_form2 {
margin-left:5px;
}

.valid2 {
margin-left:5px;
background-image:url(../images/bt/fd_bt.gif);
background-repeat:repeat;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
height:20px;
width:auto;
}

div#block_confirmation iframe body{ background:url(../images/illustr/wait.gif) center top no-repeat}