* {margin: 0; padding: 0; border: 0;} /*balise universelle pour fixer la valeur des marges et bordure à 0*/

body {
	vertical-align: top;
	font-size: 9pt;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	background-color: #999;
	color: #666;
	}


/* ---  BOXES --- */

#date{
position: absolute !important;
position:relative;
left: 50%;
margin-left: -448px;
top:0px;
width: 896px;
height: 12px;
text-align: right;
letter-spacing: 1px;
padding: 4px 0px 4px 0px;
color: #fff;
}

#container {
	width: 896px;
	margin-left: auto;
	margin-right: auto;
	margin-top:24px !important;
	margin-top:auto;
	border:1px solid #000;
	background-color:#fff;
}

#header {
	position:relative;
	top:0px;
	left:0px;
	width:896px;
	height:60px;
	padding:0;
}

/*coins logos et trames  */

#cornerleft, #cornerleftR1, #cornerleftR2, #cornerleftR3,#cornerleftR4,#cornerleftR5 {
position: absolute;
top: 0px; left: 0px;
width: 64px;
height: 50px;
}
#cornerleft{background: url(../images/corner_red.gif) no-repeat;}
#cornerleftR1{background: url(../images/corner_yellow.gif) no-repeat;}
#cornerleftR2{background: url(../images/corner_orange.gif) no-repeat;}
#cornerleftR3{background: url(../images/corner_blue.gif) no-repeat;}
#cornerleftR4{background: url(../images/corner_green.gif) no-repeat;}
#cornerleftR5{background: url(../images/corner_bluegreen.gif) no-repeat;}

#logo{
	
	position: absolute;
	top: 0px; left: 64px;
	width: 192px;
	height: 50px;
	background: url(../images/logo_anim.gif) no-repeat;
}

#trameheader{
	position: absolute;
	top: 50px; left: 0px;
	width: 896px;
	height: 10px;
	background: url(../images/degrade_header32.gif);
	background-repeat: repeat-x;
}

/* Conteneur central, contient 3 collone du corps de page */
#centre {
	/*background: url(../images/10-colonnes.png) repeat-y;*/
	
}

/* navigation droite */
#navigation_catalogue, #navigation_entracte, #navigation_auteurs, #navigation_contacts, #navigation_home, #navigation_copy {
	float: left;
	width: 256px;
	min-height:450px !important;
	height:450px;
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:8px;
}

#navigation_home{width:64px;}
#navigation_copy{min-height:300px !important;
	height:300px;}

#navigation_catalogue {background-image:url(../images/colside_catalogue.gif);}
#navigation_entracte {background-image:url(../images/colside_interlude.gif);}
#navigation_auteurs {background-image:url(../images/colside_auteurs.gif);}
#navigation_contacts {background-image:url(../images/colside_contact.gif);}
#navigation_home {background-image:url(../images/colside_bienvenue.gif);}
#navigation_copy {background-image:url(../images/colside_copyright.gif);}

#navigation_entracte div, #navigation_contacts div{
	height: 20px;
	margin: 0px 4px 0px 56px;
	padding: 0px;
	background-color: white;
}

#centre {
	width: 100%;
	overflow: hidden;
	
}
/* collone centre */
#principal {
	float: left;
	width: 480px;
	padding: 8px 16px 16px 16px;
	background: #fff;
	border-left:1px dashed #ccc;
	border-right:1px dashed #ccc;
	
}

#principal2{
	float: left;
	width: 352px;
	padding: 8px 16px 16px 16px;
	background: #fff;
	border-left:1px dashed #ccc;
	border-right:1px dashed #ccc;
}


/* collone droite */
#secondaire {
	margin-left: 768px;
	padding: 8px 8px 8px 8px;
	font-size:0.9em;
}


#principal_home {
	float: left;
	width: 432px;
	padding: 8px 8px 16px 8px;
	
}
#secondaire_home {
	margin-left: 512px;
	padding: 8px 8px 16px 16px;
}


#secondaire2 {
	margin-left: 640px;
	padding: 8px 8px 8px 8px;
	font-size:0.9em;
}

.margin4{
padding-left:4px;
}
/* Pied de page */
#footerlink {
	margin: 0;
	padding: 8px;
	font-size: 0.9em;
	background-color:#999;
	border-top:1px solid #000;
	text-align: center;
}

#footerlink a, #footerlink a:visited, #footerlink a:link{
color: #fff; margin: 0 4px 0 4px;
}

#credit{
	position:absolute;
	width: 896px;
	height: 20px;
	left: 50%;
	margin-left: -448px;
    width: 896px;
	text-align: right;
	padding-top: 4px;
}

#credit a{
	color: #fff;
	text-decoration: underline;
}

#credit a:hover{
	text-decoration: none; color: #000;
}

/* BARRE DE NAVIGATION  Horizontale */

#nav1, #nav1L, #nav1R2, #nav1R3, #nav1R4, #nav1R5, #nav2, #nav2L, #nav2R1, #nav2R3, #nav2R4,#nav2R5, 
#nav3, #nav3L, #nav3R1, #nav3R2, #nav3R4, #nav3R5, #nav4, #nav4L, #nav4R1, #nav4R2, #nav4R3, #nav4R5, 
a#nav1, a#nav1L, a#nav1R2, a#nav1R3, a#nav1R4, a#nav1R5, a#nav2, a#nav2L, a#nav2R1, a#nav2R3, a#nav2R4, a#nav2R5, 
a#nav3, a#nav3L, a#nav3R1, a#nav3R2, a#nav3R4, a#nav3R5, a#nav4, a#nav4L, a#nav4R1, a#nav4R2, a#nav4R3, a#nav4R5,
a#nav1:hover, a#nav1R2:hover, a#nav1R3:hover, a#nav1R4:hover, a#nav1R5:hover,
a#nav2:hover, a#nav2R1:hover, a#nav2R3:hover, a#nav2R4:hover, a#nav2R5:hover,
a#nav3:hover, a#nav3R1:hover, a#nav3R2:hover, a#nav3R4:hover, a#nav3R5:hover,
a#nav4:hover, a#nav4R1:hover, a#nav4R2:hover, a#nav4R3:hover, a#nav4R5:hover, 
#nav5, #nav5L, #nav5R1, #nav5R2, #nav5R3, #nav5R4, a#nav5:hover, a#nav5R1:hover, a#nav5R2:hover, a#nav5R3:hover, a#nav5R4:hover
{
position: absolute;
top: 0px;
width: 128px;
height: 50px;
background-repeat: no-repeat;
}

/* menu catalogue*/
#nav1, #nav1L, #nav1R2, #nav1R3, #nav1R4, #nav1R5, a#nav1:hover, a#nav1R2:hover, a#nav1R3:hover, a#nav1R4:hover, a#nav1R5:hover
 {left: 256px;}
#nav1, a#nav1 {background-image: url(../images/nav_catalogue.gif);}
#nav1L, a#nav1L {background-image: url(../images/nav_catalogueL.gif);}
#nav1R2, a#nav1R2 {background-image: url(../images/nav_catalogueR2.gif);}
#nav1R3, a#nav1R3 {background-image: url(../images/nav_catalogueR3.gif);}
#nav1R4, a#nav1R4 {background-image: url(../images/nav_catalogueR4.gif);}
#nav1R5, a#nav1R5 {background-image: url(../images/nav_catalogueR5.gif);}

a#nav1:hover, a#nav1R2:hover, a#nav1R3:hover, a#nav1R4:hover, a#nav1R5:hover{
	background-image: url(../images/nav_catalogueH.gif);
     }

/* menu auteurs */
#nav2, #nav2L, #nav2R1, #nav2R3, #nav2R4, #nav2R5, a#nav2:hover, a#nav2R1:hover, a#nav2R3:hover, a#nav2R4:hover, a#nav2R5:hover {left: 384px;}

#nav2, a#nav2 {background-image: url(../images/nav_auteurs.gif);}
#nav2L, a#nav2L{background-image: url(../images/nav_auteursL.gif);}	
#nav2R1, a#nav2R1{background-image: url(../images/nav_auteursR1.gif);}	  
#nav2R3, a#nav2R3 {background-image: url(../images/nav_auteursR3.gif);}		  
#nav2R4, a#nav2R4 {background-image: url(../images/nav_auteursR4.gif);}
#nav2R5, a#nav2R5 {background-image: url(../images/nav_auteursR5.gif);}	

a#nav2:hover, a#nav2R1:hover, a#nav2R3:hover, a#nav2R4:hover, a#nav2R5:hover {
     background-image: url(../images/nav_auteursH.gif);
     }

/* menu entracte */

#nav3, #nav3L, #nav3R1, #nav3R2, #nav3R4, #nav3R5, a#nav3:hover, a#nav3R1:hover, a#nav3R2:hover, a#nav3R4:hover, a#nav3R5:hover {left: 512px;}

#nav3, a#nav3 {background-image: url(../images/nav_entracte.gif);}
#nav3L, a#nav3L {background-image: url(../images/nav_entracteL.gif);}	  
#nav3R1, a#nav3R1 {background-image: url(../images/nav_entracteR1.gif);}		  
#nav3R2, a#nav3R2 {background-image: url(../images/nav_entracteR2.gif);} 
#nav3R4, a#nav3R4 {background-image: url(../images/nav_entracteR4.gif);}
#nav3R5, a#nav3R5 {background-image: url(../images/nav_entracteR5.gif);}	

a#nav3:hover, a#nav3R1:hover, a#nav3R2:hover, a#nav3R4:hover, a#nav3R5:hover {
     background-image: url(../images/nav_entracteH.gif);
     }

/* menu expositions */

#nav5, #nav5L, #nav5R1, #nav5R2, #nav5R3, #nav5R4, a#nav5:hover, a#nav5R1:hover, a#nav5R2:hover, a#nav5R3:hover, a#nav5R4:hover {left: 640px;}
 
#nav5, a#nav5 {background-image: url(../images/nav_expo.gif);}
#nav5L, a#nav5L {background-image: url(../images/nav_expoL.gif);} 
#nav5R1, a#nav5R1 {background-image: url(../images/nav_expoR1.gif);}
#nav5R2, a#nav5R2 {background-image: url(../images/nav_expoR2.gif);}
#nav5R3, a#nav5R3{background-image: url(../images/nav_expoR3.gif);}
#nav5R4, a#nav5R4{background-image: url(../images/nav_expoR4.gif);}	  

a#nav5:hover, a#nav5R1:hover, a#nav5R2:hover, a#nav5R3:hover, a#nav5R4:hover {
     background-image: url(../images/nav_expoH.gif);
     }

/* menu contacts*/
#nav4, #nav4L, #nav4R1, #nav4R2, #nav4R3, #nav4R5, a#nav4:hover, a#nav4R1:hover, a#nav4R2:hover, a#nav4R3:hover, a#nav4R5:hover {left: 768px;}
 
#nav4, a#nav4 {background-image: url(../images/nav_contacts.gif);}
#nav4L, a#nav4L {background-image: url(../images/nav_contactsL.gif);} 
#nav4R1, a#nav4R1 {background-image: url(../images/nav_contactsR1.gif);}
#nav4R2, a#nav4R2 {background-image: url(../images/nav_contactsR2.gif);}
#nav4R3, a#nav4R3{background-image: url(../images/nav_contactsR3.gif);}
#nav4R5, a#nav4R5{background-image: url(../images/nav_contactsR5.gif);}	  

a#nav4:hover, a#nav4R1:hover, a#nav4R2:hover, a#nav4R3:hover, a#nav4R5:hover {
     background-image: url(../images/nav_contactsH.gif);
     }

	 
/* BARRE DE NAVIGATION VERTICALE  rubriques : catalogue et auteur*/

ul#catalogue, ul#auteur
		{
			
			height: 20px;
			margin: 0px 0px 0px 56px;
			padding: 0px;
			background-color: white;
			list-style-type: none;
		}
				
		ul#catalogue li, ul#auteur li
		{
			
		/*background-color: #fff;*/
		}
		
		ul#catalogue li a, ul#auteur li a
		{
			width: 200px;
			line-height: 20px;
			font-size: 11px ;
			color: #333;
			display: block;
			text-indent :8px;
			letter-spacing: 1px;
			text-decoration: none ;
			border-bottom: 1px dashed #ccc ;
		}
		
		ul#catalogue li a:hover
		{
			color: #fff;
			background: url(../images/pixanim_yellow.gif) repeat ;
		}
	
	ul#auteur li a:hover{
		color: #fff;
		background: url(../images/pixanim_orange.gif) repeat ;
	}
	
	ul#pdf, ul#amazon{
		height: 16px;
		margin: 0; padding: 0;
		background-color: white;
		list-style-type: none ;
	}
	
	ul#pdf li, ul#amazon li{
		padding: 0px 10px 0px 20px; display: inline;
	}
	
ul#pdf li{background: url(../images/pict_pdf.gif) no-repeat;}
ul#amazon li{background: url(../images/pict_amazon.gif) no-repeat;}

	ul#pdf li a, ul#amazon li a{
		line-height: 20px;
		color:#000; text-decoration:underline;

	}
	ul#pdf li a:hover, ul#amazon li a:hover{
		color:#ffcc66; text-decoration:none;
	}


/* ELEMENTS DE FORMULAIRE*/

#formulaire{
margin-left:64px;
}

form {
padding:0px;
width:352px;
height: 312px;

}

form p{
margin-top:0;
}
label{
	font-size: 9pt;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	font-weight: lighter;
	width: 352px;
	color: #91A865;
	text-indent:4px;
}

input{
	width: 80px;
	height: 20px;
	float: right;
}
.line{
width: 352px;
height: 20px;
background-color: #fff;
border:1px solid #B3C78F;
/*float: left;*/
}
textarea {
width: 352px;
height: 160px;
border:1px solid #B3C78F;
}

/* TEXTES */

.text{
font-family: sans-serif, georgia;
color: #333;
line-height:1.2em;
font-size: 12px;
word-spacing: 0.2em;
}

H1{
	font-family: trebuchet MS, trebuchet, verdana, arial, sans-serif;
	font-weight:bold;
	font-size: 1.75em;
	line-height: 1.2em;
}

H2{
	font-family: sans-serif, georgia;
	font-size: 12pt;
	line-height: 1.5em;
}

H3, H4{
	font-size: 9pt;
	/*line-height: 1.2em;*/
	letter-spacing: 0.1em;
}

H4{font-weight: lighter;}

p{
margin-top:8pt;
}

HR{
background: #fff; width: 100%; height:1px; border: 1px;
margin: 8px 0px 8px 0px !important;
margin: auto;
}

/* Liens */

a, a:link, a:visited {text-decoration: underline; color: #666}
a:hover, a:active {text-decoration: none; color: #666}

/* MISE EN PAGE */
.left{float: left;}
.right{float: right;}
.textright{text-align: right;}
.textleftt{text-align: right;}
.bottom{vertical-align: bottom;}
.center{text-align: center;}
.midlle{vertical-align: middle;}
.clearleft{clear: left;}
.clearright{clear: right;}
.clearboth{clear: both;}

/* casse et graisse*/

.bold{font-weight: bold;}
.italic{font-style: italic;}
.smallcap{font-variant: small-caps;}


/* COULEURS */
.yellow{color: #ffcc66;}
.orange{color:	#CC804C;}
.orangelight{color:	#D79C74;}
.orangedark{color:#C2703D;}
.red{color:#993333;}
.blue{color: #6582A8;}
.bluelight{color: #8EA2C6;}
.bluedark{color: #56739A;}
.green{color: #91A865;}
.greenlight{color: #B3C78F;}
.greendark{color: #617038;}
.greenblue{color:#7B9586;}
.greylight{color: #ccc;}
.greymedium{color: #999;}
.grey{color: #666;}
.black{color: #333}
.white{color: #fff;}

.bgyellow{background-color: #ffcc66; }
.bgsable{background-color:#C4B4A2;}
.bgorangelight{background-color:#C7AF8F;}
.bgorange{background-color:	#CC9966;}
.bgorangedark{background-color:#705438;}
.bgbluelight{background-color: #8EA2C6;}
.bgblue{background-color: #6582A8;}
.bgbluedark{background-color: #56739A;}
.bggreenlight{background-color: #B3C78F;}
.bggreen{background-color: #91A865;}
.bggreendark{background-color: #617038;}
.bgwhite{background-color: #fff;}
.bggreylight{background-color: #cccccc;}
.bggreymedium{background-color: #999999;}
.bggrey{background-color: #808080;}
.bggreydark{background-color: #666666;}
.bgblack{background-color: #333333;}

/*Bordures*/
.dashed{border: 1px dashed #ccc;}
.dashedtop{border-top: 1px dashed #ccc;}
.dashedright{border-right: 1px dashed #ccc;}
.dashedbottom{border-bottom: 1px dashed #ccc;}
.dashedleft{border-left: 1px dashed #ccc;}
.dashedboth{border-right: 1px dashed #ccc; border-left: 1px dashed #ccc;}
.cerne{border: 1px solid #000;}