/* BODY */

body {
	background-position:top right;
	background-repeat:repeat-y; 
	margin-top:0px;	
	margin-left:0px;
	margin-right:160px;
	margin-bottom:0px;
	padding:0px;
	/* pour obliger la bordure right a aller jusqu'en bas */
	border-bottom:1px solid white;
	background-color: #eeadff;
	background-image : url(/layout/fond_traces_blanc.jpg);
	border-right:solid 2px #800080;
}

body#principal {
	background-color: #ffffff;
	background-image : url(/layout/fond_traces_violet.jpg);
}

body#fiche {
	margin-left:10px;
	background-color:#ffffff;
	margin-top:5px;
}

body#principal h3  {
	text-align:left;
}

#cataloguetitle {
	background-image : url(/layout/fond_bibok_violet.jpg);
}



/* IMAGES */



/* par defaut, pas de bordures aux images */

img {
	margin:0px;
	padding:0px;
	border:none;
}



/* POSITIONNEMENT */

.centre {
	text-align:center;
}

.centre img {
	margin-left:auto;
	margin-right:auto;
}

.centre div {
	margin-left:auto;
	margin-right:auto;
}


/* VIGNETTES */

.minimage {
	margin-top:15px;
	text-align:center;	
	width:110px;
	/* pour le centrage dans une col3 */
	margin-right:auto;
	margin-left:auto;
}

.minimage img, .groupe img {
	border:double 3px #9966CC;
}

.minimage p, .legende {
	color: #802080;
	width:100px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	font-size:smaller;
}



/* EMPLACEMENT VIGNETTES */

.absgauche {
	position:absolute;
 	left:0px;
 	top:10px;
	padding-bottom:10px;
 	width:140px;
}

.absdroite {
	position:absolute;
	top:10px;
 	right:80px;
 	width:140px;
}

.fgauche {
	float:left;
}

.bord {
	position:relative;
	right:30px;
}

.fdroite {
	float:right;
}

/* TITRES */

h1 {
	color:#333399;
	margin-left:0;
	margin-top:0;
	padding-top:125px;
	padding-bottom:25px;
	padding-left:160px;
	font-size:20px;
	text-align:left;
	background-repeat:no-repeat;
	background-image: url(/layout/fond_bibok_blanc.jpg);
}


h2 {
	color: #9966CC;
	text-align:center;
}

h3 {
	margin-top:0;
	text-align:center;
	color:#333399;
}

h4 {
	text-align:center;
	color:black;
	margin-top:0;	
}

ul h4 {
	margin-top:8px;
}



/* TEXTE */

p#copyright {
	text-align:center;
	font-size:10px;
}

p.citation, p.description {
	font-style:italic;
}

.entete {
	font-style:italic;
	text-align: center;
	color:#802080;
}

.nom {
	text-align:left;
	color: #9966CC;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:0;
	font-weight:bold;
}

.nom{	list-style-type:none;
	list-style-image:none;
}


.nom a {
	text-decoration:none;
	color: #9966CC;
	font-weight:bold;
}

.nom a:visited {
	text-decoration:none;
	color: #9966CC;
	font-weight:bold;
}


/* LIENS */

a {
	color:#333399;
	text-decoration:none;
}

a:hover {
	color:gray;
}

a:visited {
	color:#993366;
}


.liens {
	text-align:center;
}

.liens a {
	margin-left:5px;
	margin-right:5px; 
}



/* CARTOUCHES */

.cartouche  {	
	position:relative; /* pour les enfants absolus */
	clear:both;
	padding:10px;
	margin:8px;
	text-align:left;
}

.c0 {
	border:double 3px white;
}

.c1 {
	border:dotted 2px #800080;
}

.c1bis {
	border:dashed 1px #800080;
}


.c1 p, .c1bis p {
	color:#802080;
}

.c2 {
	border:solid 1px #800080;
} 

.c2bis {
	border:solid 2px #800080;
}

.c2 p {
	color:#333399;
}



/* GRANDS MENUS */

/* element d'identifiant id="menubas" */

.sousmenu, .cataloguemenu {
	margin-top:10px;
	text-align:center;
}

.cataloguemenu a.ici, .sousmenu a.ici {
	background-image: url(menu_catalogue_pieds.gif);
}

.mainmenu a, .cataloguemenu a , .lienicone a {
	display:inline;	
	line-height:60px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	padding-top:30px;
	padding-bottom:22px;
	font-size:11px;
	background-position:top center;
	background-repeat:no-repeat;
}	


.mainmenu {
	text-align:center;
	margin-bottom:20px;
}

.mainmenu a {
	display:inline;
	color:white;
	background-image: url(menu_element.gif);
	margin:2px;
}

.mainmenu a:visited {
	color:white;
}

.mainmenu a:hover {
	color:#3000d0;
}

.mainmenu a.ici {
	background-image: url(menu_element_pieds.gif);
}

.lienicone a {
	float:left;
	color:#9966CC;
	background-image: url(menu_catalogue.gif);
	margin-right:80px;
	margin-top:1px;
	margin-bottom:1px;
	background-position:0px 25px;
	padding-top:35px;
}

.cataloguemenu a {
	color:#9966CC;
	background-image: url(menu_catalogue.gif);
	margin:1px;
}

.cataloguemenu span {
	padding-left:12px;
	padding-right:1px;
	background-position:left center;
	background-repeat:no-repeat;
	background-image: url(/catalogue/separateur.gif);	
}

.sousmenu a {
	display:inline;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	line-height:40px;
	padding-top:30px;
	padding-bottom:22px;
	padding-left:10px;
	padding-right:10px;
	font-size:11px;
	background-image: url(menu_catalogue.gif);
	background-position:top center;
	background-repeat:no-repeat;
}

/* fait apparaître les sous-menus dans la marge droite 
   doit etre + prioritaire que div descendant de col2 
   sinon ferait 48% */
   
div.cartouche div.extdroite {
	border-top:solid 2px #800080;
	border-right:solid 2px #800080;
	border-left: none;
	border-bottom:solid 2px #800080;
	position:absolute;
	right:-84px;
	top:-1px;
	background-color:#eeadff;
	width:78px;
}

/* mozilla le voit, pas ie */

.extdroite .sousmenu a {
	display:block;
	line-height:normal;
	width:62px;
}

/* en plus pour moz */
div.cartouche > div.extdroite {
	right:-90px;	
}


/* PETITS MENUS */

em.retour {
	text-decoration:none;
	color: #9966CC;
	font-style:normal;
	padding-top:13px;
	padding-left:14px;
	line-height:2.8em;
	background-image:url(patte_haut.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.retour span {
	border-right:solid 1px #c000c0;
	border-bottom:solid 1px #c000c0;
	padding-right:3px;
	padding-left:12px;
}
	
em.patte {
	text-decoration:none;
	color: #9966CC;
	font-style:normal;
	padding-top:13px;
	line-height:2.8em;
	background-image:url(patte_suite.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.patte span {
	margin-left:7px;
	border-right:solid 1px #c000c0;
	border-bottom:solid 1px #c000c0;
	padding-left:13px;
	padding-right:5px;
}

em.tete {
	text-decoration:none;
	color: #9966CC;
	font-style:normal;
	padding-top:13px;
	line-height:2.8em;
	background-image:url(tete_back.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.tete span {
	margin-left:14px;
	border-right:solid 1px #c000c0;
	border-bottom:solid 1px #c000c0;
	padding-left:14px;
	padding-right:5px;
}

em.patteback {
	text-decoration:none;
	color: #9966CC;
	font-style:normal;
	padding-top:13px;
	line-height:2.8em;
	background-image:url(patte_precedente.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

.patteback span {
	margin-right:8px;
	margin-left:1px;
	border-left:solid 1px #c000c0;
	border-bottom:solid 1px #c000c0;
	padding-left:4px;
	padding-right:8px;
}



/* SEPARATEURS DATES */

.dategauche {
	background-repeat:no-repeat;
	background-image:url(patte_date.gif);
	background-position:top right;
	margin-right:3px;
	margin-left:-3px;
}

.dategauche h4 {
	text-align:right;
	font-size:15px;
	padding-top:4px;
	padding-right:89px;
}

.datedroite {
	background-repeat:no-repeat;
	background-image:url(patte_date2.gif);
	background-position:top left;
	margin-left:8px;
}

.datedroite h4 {
	text-align:left;
	font-size:15px;
	padding-top:4px;
	padding-left:89px;
}

.dategauche ul  {
	padding-right:10px;
}

/* PUCES */

li {	
	list-style-image:url(catalogue/puce.gif);
	list-style-position:outside;
}

li.sans {
	list-style-type:none;
	list-style-image:none;
}

li li {	
	list-style-image:none;
	list-style-type:circle;
}

li.a {		
	list-style: outside url(catalogue/pucesite.gif);
}

li.b {	
	list-style: outside url(catalogue/pucefiche.gif);
	}

li.c {	
	list-style: outside url(catalogue/pucephoto.gif);
	}

li.d {		
	list-style: outside url(catalogue/puceinfo.gif);
}

#listefiches li {
	list-style-image:url(catalogue/pucebleue.gif);
}



/* DIVERS */

pre.adresse {
	font-family:arial;
}

/* les hr clear both posent pb avec ie apres float:right
   on fait appel a un artifice pour garantir une hauteur min
   dans un cartouche */
   
.fauxclear {
	height:50px;
	visibility:hidden;
	clear:left;
}
.separateur {
	clear:both;
	visibility:hidden;
}

/* pour enlever qq pixels par le bas au background testours */
.effaceur {
	position:relative;
	top:17px;
	height:20px;
	background-color:#eeadff;
	border:none;
	color:#eeadff;
	border:none;
}



.dummy {
	visibility:hidden;
}



 /* FICHES */

div.fiche {
	border:solid 1px white;
	position:relative;
	margin-right:10px;
}

div.fiche div.c1 {
 	margin-left:300px;
 	padding:8px;
}

.illustration {
	position:absolute;
	top:5px;
	left:5px;
	width:300px;
	text-align:center;
}

.illustration img {
	border:double 3px #800080;
	width:230px;
}

.navi {
	text-align:center;
}
.navi a {
	text-decoration:none;
}

#fiche .navi {
	text-align:right;
	margin-right:10px;
	margin-top:10px;
}

/* LISTES EN 3 COLONNES */

.col3 {
	width:30%;
	float:left;	
	border-right:dashed 1px gray;
	text-align:center; /* centre les images et legendes */   
}

/* remet le texte des listes à gauche */
.col3 ul {
	text-align:left;
}

/* CARTOUCHE A 2 COLONNES */
.col2 {
	background-image:url(tetours.gif);
 	background-position:48% 0%;
 	background-repeat:no-repeat;
}

.coltitre {
	background-position: 48% -10%; 
}

.col2 div.fgauche {
	width:48%;
	padding-left:0px;
	padding-right:0px;
}

.colcentre {
	margin-left:30%;
	margin-right:20%;
	
}

.col2 li {
	text-align:left;
	margin-right:5px;
	margin-left:5px;
}

/* 1 IMAGE GAUCHE + 2 COLONNES */

.colgauche {
	float:left;
	background-image:url(/catalogue/separateur_tete.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding-right:15px;
}


.colgauche ul {
	border-right:solid 1px #c000c0;
	margin-right:9px;
	padding-right:8px;
}

.margedroite {
	margin-left:100px;
}
	
.decaldroite {
	margin-left:200px;
}

/* SOMMAIRE GLOBAL dans contenu.htm */

div.col4 ul {
	margin:0;
	padding:0;
	float:left;
	width:24%;
}

div.col4 ul li {
 	list-style-position:inside;
}


div#listecontenu {
	margin-right:2%;
	margin-left:2%;
}

div#listecontenu div {
	width:23%;
	margin-right:1%;
	float:left;	
	border-right:dashed 1px gray;
}

div.last {
	border:none;
}

div#listecontenu div h3 {
	margin:8px;
	border:solid 1px gray;
	text-align:center;
}

div#listecontenu div h3 a {
	text-decoration:none;
	display:block;
}

div#listecontenu div h3 a:hover {
	background-color:#3000d0;
}

div#listecontenu div ul.categorie {
	margin-left:15px;
	padding-left:0;

}

div#listecontenu div ul.categorie ul {
	margin-left:10px;	
	padding-left:0;
	margin-bottom:8px;
}


/* UNUSED */

div.bande {	background-image: url(bandh.gif);
		background-repeat : repeat-x;}
		
ul.index {	margin-left: 35px;
		list-style-type: circle;}
		

ul.index2 {	margin-left: 15px;
		list-style: outside url("puce.gif");}

td.bande {	background-image: url(bandh.gif);
		background-repeat : repeat-x;}