body {margin:22px 0;font-family:verdana,sans-serif;background:#b5b5c6 url(/imgs/bg.gif) top left repeat-x;}

a img {border:none;}

/* MENU DEROULANT */

#lemenu {float:left;margin-right:10px;position:relative;top:5px;margin-bottom:0px;font-family:verdana,sans-serif;color:#000080;border:0;height:600px;width:210px;}

#menu {width:200px;float:left;margin-right:10px;position:relative;top:-30px;margin-bottom:-10px;font-family:verdana,sans-serif;color:#000080;

}

#menu ul {padding:0 10px 0 10px;margin:0;list-style-type:none;font-size:18px;font-weight:bold;font-family:comic sans ms,verdana;background:transparent url(/img/bgmenu.png) top left repeat-y;}
#menu a {font-weight:bold;}
#menu ul li {}
#menu ul li a {display:block;text-decoration:none;padding:2px;color:#333380;border:none;}
#menu ul li a.rouge {color:#cc0000;}
#menu ul li a.orange {color:#ff8000;}
#menu ul li a:hover {background-color:#ccccff;}
#menu ul li ul {border:none;font-size:12px;font-family:verdana;width:auto;padding:0 0px 0 10px;background-image:url(/imgs/_.gif);}
/*
#menu ul li ul li {height:auto;padding:0;margin:0 5px 0 10px;}
#menu ul li ul li a {height:auto;;margin:0;border:solid red 1px;}
*/


#menu ul li ul li ul li a {border-bottom:dotted #333380 1px;}
#menu ul li ul li ul {}
#menu ul li ul li ul li ul {font-size:8pt;}
#menu ul li ul li ul li ul a {font-weight:normal;}

#menu ul li ul li ul {float:left;padding-left:2px;padding-right:0px;border:solid #666666 1px;border-top:solid #f0f0f0 1px;border-left:solid #f0f0f0 1px;
	background-color:#b0b0b0;font-size:9pt;position: absolute;width: 200px;left: 170px;margin-top:-19px;z-index: 1;display:none;
}


#menu ul.inst {margin:0;height:6px;padding:0;vertical-align:top;}
#menu ul.inst li {background:transparent;margin:0;font-size:1px;height:6px;}
#menu ul.inst li img {float:left;position:relative;top:-6px;}
#menu ul.inst li img.bas {top:6px;}
#menu ul li.tto ul li ul {background-color:#B5B5C6;}{background-image:url(/img/bgmeno.jpg);}
#menu ul li.ttr ul li ul {background-color:#B5B5C6;}{background-image:url(/img/bgmenr.jpg);}
#menu ul li.ttb ul li ul {background-color:#B5B5E7;}{background-image:url(/img/bgmenb.jpg);}


#menu ul li ul li ul { display: none; }
#menu ul li ul li:hover ul { display: block; }
#menu ul li ul li:hover ul li ul{ display: none; }
#menu ul li ul li:hover ul li:hover ul { display: block; }
#menu ul li ul li:hover ul li:hover ul li ul{ display: none; }
#menu ul li ul li:hover ul li:hover ul li:hover ul { display: block; }
#menu ul li ul li:hover ul li:hover ul li:hover ul li ul{ display: none; }
#menu ul li ul li:hover ul li:hover ul li:hover ul li:hover ul { display: block; }

#menu ul li ul li.menuover ul { display: block; }
#menu ul li ul li.menuover ul li ul{ display: none; }
#menu ul li ul li.menuover ul li.menuover ul { display: block; }
#menu ul li ul li.menuover ul li.menuover ul li ul{ display: none; }
#menu ul li ul li.menuover ul li.menuover ul li.menuover ul { display: block; }
#menu ul li ul li.menuover ul li.menuover ul li.menuover ul li ul{ display: none; }
#menu ul li ul li.menuover ul li.menuover ul li.menuover ul li.menuover ul { display: block; }

#menu ul.panier {margin-top:0px;list-style-type:none;font-size:10pt;font-weight:bold;
}


/* PAGE PHENO */

a {font-weight:normal;color:#333380;text-decoration:none;border-bottom:dotted #333380 1px;}
a:hover {border-bottom:solid #333380 1px;background-color:#B2B3E6;color:black;}

#pheno {width:750px;margin:0;padding:0;border:none black 1px;text-align:left;font-size:10pt;background-color:#ffffff;}
#banner {margin-left:0px;height:100px;background:#636384 url(/img/banner.gif) top left no-repeat;cursor:pointer;}
#copyright {width:750px;margin:0;padding:0;border:none black 1px;text-align:center;font-size:9pt;color:#ffffff;}
#copyright a {border:none;color:#ffcc00;}
#copyright a:hover {color:#cc0000;}

#popcopyright {width:520px;margin:0;padding:0;border:none black 1px;text-align:center;font-size:9pt;color:#ffffff;}
#popcopyright a {border:none;color:#ffcc00;}
#popcopyright a:hover {color:#cc0000;}

#basmenu {clear:both;text-align:center;margin:30px 0 10px 0;}
#basmenu a {padding:2px;border:solid gray 1px;color:gray;font-size:7pt;font-weight:bold;}
#basmenu a:hover {color:#cc0000;}

span.j {border:solid #333380 1px;padding:2px;margin-left:3px;margin-right:3px;background-color:#B2B3E6;color:#cc0000;font-style:italic;font-weight:bold;font-family:Verdana,sans-serif;}

.rouge {color:#cc0000;}
.orange {color:#ff8000;}
.bleu {color:#333380;}
.milieu {vertical-align:middle;}

h1 {font-family:comic sans ms,verdana,sans-serif;}

.promo {margin-left:0px;margin-right:200px;}
.promo h1 {margin:5px 0;font-size:25px;}
.promo h2 {margin:0;font-size:14px;}
.promo h2 .overnews {display:block;font-size:10px;font-weight:normal;}
.promo div, .promo p {text-align:justify;}
.promo div.detail {text-align:right;font-weight:bold;}
.promo img.imgnews{float:right;margin-left:8px;width:150px;border:none;}

.news {float:right;width:180px;margin-right:5px;}
.news h1 {margin:5px 0;font-size:25px;color:#666680}
.news h2 {margin:0;font-size:14px;}
.news h2 .overnews {display:block;font-size:10px;font-weight:normal;}
.news div, .news p {text-align:justify;}
.news div.detail {text-align:right;font-weight:bold;}
.news img.imgnews{float:right;margin-left:8px;width:150px;border:none;}

.catalogue {margin-left:215px;}
.catalogue h1 {margin:5px 0;font-size:25px;color:#cc0000;}
.catalogue h2 {margin:0;font-size:14px;color:#333380;}
.catalogue div, .promo p {text-align:justify;}
.catalogue div.detail {text-align:right;font-weight:bold;}
.catalogue img.imgnews{float:right;margin-left:8px;width:180px;border:none;}
.catalogue div.nav {border-bottom:solid #cc0000 1px;padding-bottom:5px;padding-top:5px;margin-bottom:5px;}
.catalogue div.nav a {font-size:8pt;font-weight:normal;color:#333380;border:none;}
.catalogue div.nbrep {padding-bottom:5px;padding-top:0px;margin-bottom:0px;font-size:8pt;font-weight:normal;color:#333380;}

/* LIVRES */

.livre {clear:both;margin-bottom:10px;font-size:x-small;}
.livre a.invisible {display:none;float:right;border:solid #333380 1px;padding:2px;background-color:#B2B3E6;text-decoration:none;color:black;}
.livre .imgref {float:right;border:none;margin-left:5px;}
.livre a.imgref:hover {background:none;}
.livre a.imgref img {border:none;margin-left:15px;}
.livre div.nav {border:none;padding:0px;background-color:#ededed;font-size:xx-small;height:17px;}
.livre .nav a:hover {background:none;color:#cc0000;}
.livre h2 em {font-size:xx-small;font-weight:normal;}
.livre a.invisible:hover {background-color:#333380;color:white;}

.livre .label {font-size:xx-small;background-color:#e0e0e0;border:solid #9999d0 1px;color:black;padding:2px;display:block;float:left;}
.livre .valeur {font-size:xx-small;background-color:#e0e0e0;color:#333380;border:solid #e0e0e0 1px;margin-right:15px;padding:2px 2px 2px 5px;font-weight:bold;display:block;float:left;}
.livre a.label {font-weight:bold;color:#cc0000;}
.livre a.label:hover {background-color:white;}
.livre .outils {height:23px;margin-top:2px;}
/* LISTE DE CONTENU */

div.eleliste {margin-bottom:10px;padding-bottom:5px;clear:both;}
.eleliste h1 {font-size:medium;margin-top:0;}
.eleliste .surtitre {font-size:x-small;margin-top:0;color:gray;}
.eleliste a.detail {display:block;text-align:right;border:none;border-bottom:solid #333380 1px;border-right:solid #333380 1px;clear:both;}
.eleliste img {float:left;margin-right:10px;margin-bottom:5px;}

/* ARTICLE */
div.article {margin-bottom:10px;padding-bottom:5px;clear:both;}
.article h1 {font-size:x-large;margin-top:0;}
.article h2 {margin:0;margin-top:15px;font-size:14px;color:#333380;}
.article h3 {margin:0;margin-top:10px;font-size:12px;color:#CC0000;}
.article .surtitre {font-size:x-small;margin-top:0;color:gray;}
.article img {float:left;margin-right:10px;margin-bottom:5px;}
.article .image {float:left;margin-right:10px;margin-bottom:5px;}
.article .image img {float:none;margin:0;margin-bottom:2px;}
.article .image .legende {margin-bottom:5px;padding:3px;background-color:gray;color:white;font-size:small;}

.filetgris {clear:both;border-top:dotted gray 2px;margin-bottom:10px;}

.navpage {}
.navpage a {display:block;font-size:x-small;}
.pageprec {width:240px;}
.pagesuiv {width:240px;float:right;text-align:right;}

.dettext {clear:both;margin-top:15px;}
.dettext table.img{float:right;margin-left:10px;margin-bottom:5px;}
.dettext table.img .legende {padding:3px;text-align:left;background-color:darkgray;color:white;}
.tech {text-align:right;}

/* #wpanier {background-color:white;width:520px;padding:5px;border:solid black 1px;} */
#wpanier {background-color:white;padding:5px;border:solid black 1px;}
#wpanier .logo {display:block;margin-bottom:10px;background-color:#B2B3E6;text-align:right;}
#wpanier h1{clear:both;font-size:x-large;color:#cc0000;text-align:right;border-top:dotted #333350 2px;}
#wpanier h2{clear:both;font-size:medium;color:#cc0000;text-align:right;border-top:dotted #333350 2px;}

#wpanier .livre {clear:both;padding:5px;margin-bottom:15px;border:solid #333380 1px;font-size:small;}
#wpanier a {border:none;}
#wpanier .livre a.imgref {float:right;border:none;}
#wpanier .livre a.imgref:hover {background:none;}
#wpanier .livre a.imgref img {border:none;margin-left:15px;}
#wpanier .livre div.nav {border:none;padding:0px;background-color:#f0f0f0;font-size:xx-small;height:17px;margin-bottom:2px}
#wpanier .livre h2 {font-size:medium;margin:0;color:black;text-align:left;border:none;}
#wpanier .livre h2 em {font-size:small;font-weight:normal;}
#wpanier .livre .label {margin:0;font-size:x-small;background-color:#e0e0e0;border:solid #333380 1px;color:black;padding:2px;}
#wpanier .livre .valeur {font-size:x-small;background-color:#e0e0e0;color:#333380;border:solid #e0e0e0 1px;margin-right:15px;padding:2px;font-weight:bold;}
#wpanier .livre a.label {font-weight:bold;color:#cc0000;}
#wpanier .livre a.label:hover {background-color:white;}

#wpanier .action {border:solid #cc0000 1px;background:#fff0f0;color:#cc0000;text-align:center;padding:15px;}

#wpanier form {clear:both;margin:0px;font-size:small;}
#wpanier .champ {clear:both;margin-top:5px;}
#wpanier .champ label {float:left;width:240px;border:solid gray 1px;text-align:right;margin-right:10px;}
#wpanier .champ input {width:250px;}
#wpanier .champ textarea {width:250px;}

#wpanier .commande {font-size:x-small;}
#wpanier .commande th {background-color:#e0e0e0;border:solid #333350 1px;}
#wpanier .commande td {border:solid #333350 1px;}

h6 {font-size:11px;font-weight:bold;float:right;}

fieldset.confirme {margin-top:10px;border:solid #cc0000 1px;padding:10px;background-color:white;}
fieldset.confirme label {font-size:medium;color:#cc0000;font-weight:bold;}
fieldset.confirme input {font-size:small;font-weight:bold;border:solid black 1px;width:100%;}

.erreur {border:solid #cc0000 5px;padding:5px;color:#cc0000;background-color:#FFCC00;font-weight:bold;font-size:medium;margin-bottom:10px;}
.pb {border:solid #cc0000 1px;padding:5px;color:#660000;background-color:#FFF0E0;font-weight:normal;font-size:small;margin-bottom:10px;}

a.actcom {color:#cc0000;font-weight:bold;text-decoration:underline;}