body
  {
	background: url(../img/bg.png) repeat-y #E2D6C4;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
  }
  
#wrapper
  {

  }  
  
.img 
  { 
    text-align: center;
    margin: 20px 0;
  }  
  
/* EN-TETE */
#header
  {
	height: 130px;
	text-align: center;
	padding-right: 200px;
	/*background-color: white;*/    
	border-bottom: 1px solid #999;
			background-color: #F6F3ED;
  }  
  
  
em
  {
	font-style: italic;
  }
  
#header h1, #header h2, #header #logo-left span, #header #logo span 
  {
	display: none;
  }  
  
#header #logo-left 
  {
	display: block;
	float: left;	
	width: 210px;
	height: 130px;
	background: url(../img/logo-left.png) no-repeat;

  }
  
#header #logo
    {
	display: block;
    width: 320px;
	height: 130px;
	background: url(../img/logo.png) no-repeat right;
    margin: 0 auto;
    top: 0;
    left: 400px;
    position: absolute;

  }
    
/* MENU */
#menu
  {
	margin: 40px 0;
	width: 210px;
  }

#menu a.menu span 
  {
	display: none;
  }

#menu li.menu, #menu a.menu
  {
	display: block;
	width: 210px;
	height: 37px;
  }
  
#menu li.menu
  {
	margin: 0 0 12px 0;
  }  
  
#menu li.submenu
  {
	margin: 0 0 12px 0;
	padding: 0;
  }    
  
#m-accueil    a.menu        {background: url(../img/m-accueil.png) 0 -80px no-repeat ; }  
#m-accueil a.menu:hover      {background: url(../img/m-accueil.png) 0 -40px no-repeat ; }
#accueil #m-accueil a.menu  {background: url(../img/m-accueil.png) 0 0 no-repeat ; }
#m-nouvelles    a.menu        {background: url(../img/m-nouvelles.png) 0 -80px no-repeat ; }  
#m-nouvelles a.menu:hover      {background: url(../img/m-nouvelles.png) 0 -40px no-repeat ; }
#nouvelles #m-nouvelles a.menu  {background: url(../img/m-nouvelles.png) 0 0 no-repeat ; }
#m-avo  a.menu               {background: url(../img/m-avo.png) 0 -80px no-repeat ; }  
#m-avo a.menu:hover          {background: url(../img/m-avo.png) 0 -40px no-repeat ; }
#avo #m-avo  a.menu.menu           {background: url(../img/m-avo.png) no-repeat }
#m-catalogue  a.menu               {background: url(../img/m-catalogue.png) 0 -80px no-repeat ; }  
#m-catalogue a.menu:hover          {background: url(../img/m-catalogue.png) 0 -40px no-repeat ; }
#fonds_archives #m-catalogue a.menu     {background: url(../img/m-catalogue.png) no-repeat }
#m-activites a.menu                {background: url(../img/m-activites.png) 0 -80px no-repeat ; }  
#m-activites a.menu:hover          {background: url(../img/m-activites.png) 0 -40px no-repeat ; }
#activites #m-activites a.menu     {background: url(../img/m-activites.png) no-repeat }
#m-publications a.menu             {background: url(../img/m-publications.png) 0 -80px no-repeat ; }  
#m-publications a.menu:hover       {background: url(../img/m-publications.png) 0 -40px no-repeat ; }
#publications #m-publications a.menu {background: url(../img/m-publications.png) no-repeat }
#m-liens a.menu               {background: url(../img/m-liens.png) 0 -80px no-repeat ; }  
#m-liens a.menu:hover          {background: url(../img/m-liens.png) 0 -40px no-repeat ; }
#liens #m-liens a.menu           {background: url(../img/m-liens.png) no-repeat }		
#m-contact a.menu               {background: url(../img/m-contact.png) 0 -80px no-repeat ; }  
#m-contact a.menu:hover          {background: url(../img/m-contact.png) 0 -40px no-repeat ; }
#contact #m-contact a.menu           {background: url(../img/m-contact.png) no-repeat }		
#m-dossiers a.menu               {background: url(../img/m-dossiers.png) 0 -80px no-repeat ; }  
#m-dossiers a.menu:hover          {background: url(../img/m-dossiers.png) 0 -40px no-repeat ; }
#dossiers #m-dossiers a.menu           {background: url(../img/m-dossiers.png) no-repeat }	
#m-presse a.menu               {background: url(../img/m-presse.png) 0 -80px no-repeat ; }  
#m-presse a.menu:hover          {background: url(../img/m-presse.png) 0 -40px no-repeat ; }
#presse #m-presse a.menu           {background: url(../img/m-presse.png) no-repeat }	
#m-galerie a.menu               {background: url(../img/m-galerie.png) 0 -80px no-repeat ; }  
#m-galerie a.menu:hover          {background: url(../img/m-galerie.png) 0 -40px no-repeat ; }
#galerie #m-galerie a.menu           {background: url(../img/m-galerie.png) no-repeat }	

/* SUBMENU */
#menu #submenu
  {
	 background: transparent;
     /*margin: 6px 0 0 0;*/
     padding:0;
     margin: 0;
  }

#menu #submenu 
  {
	display: block;
  }

#submenu  li a span
  {
	display: block;
	font-size: 13px;
  }
  
#menu #submenu  li, #menu #submenu  li a
  {
    width: 200px;
	height: 20px;
    margin: 0 0 0 5px;
    padding: 0;
  }  
  
#submenu  li a  
  {
	background:transparent;
  }
#menu #submenu a
  {
	text-decoration: none;
	color: black;
  }  
  
#menu #submenu a:hover, span.selected
  {
	color: white;
  }  
  
/* BARRE DES DOSSIERS */  
#folders
  {
	position: absolute;
	top: 30px;
	right: 0px;
    text-align: center;
  }
  
#folders td
  {  text-align: center; }
  
#dossiers a, #folders a
  {
	text-decoration: none;
	font-weight: bold;
	color: #990c3a;
  }  

  
.dossier_image
  {
    margin: 20px 0 30px;
  }  
  
#folders img, #dossiers img
  {
	border-bottom: 1px solid #B5AB9D;
	border-right: 1px solid #B5AB9D;	
	border-top: 1px solid white;
	border-left: 1px solid white;	
  }  
#folders a:hover, #dossiers a:hover
  {
	color: black;
	text-decoration: underline;
  }  
  
/* CONTENT */
#content
  {
	position: absolute;
	top: 120px;
	left: 220px;
    right: 20px;
    line-height: 1.4em;
    color: #333;

  }
  
#content .gutter
  {
	padding: 30px 100px 60px 10px;
  }  
  
#accueil #content   
  {
	margin-top: 11px;
	background: url(../img/bg-accueil.jpg) no-repeat;
	height: 800px;
  }
  
  
#content ul
  {
    list-style: disc;
    list-style-position: inside;
    padding-left: 1em;
	text-indent: -1em;
  }  
     

/* FORMULAIRE */
label
 {
	display: block;
	font-weight: bold;
	color: #990c3a;
	width: 10em;

  }  
  
.oErrorMessage
  {
	display: block;
	font-weight: bold;
	color: red;
	margin: 0 0 12px 0;
	font-size: 80%;

  }  

/* INVENTAIRES */
.ico
  {
	vertical-align: middle;
	margin: 0 6px 0 0;
  }
  
#fonds_archives #content
 {

	padding-right: 0px;
  }  
  
#fonds_archives #content .gutter
  {
	padding-right: 10px;
  }    
  
#fonds_archives table
 {
   width: 100%;
  }
#fonds_archives #list
  {

  }

a.inventaire
  {
	color: yellow;
  }  
  
#liens a, #fonds_archives #list a, #accueil #list  a
  {
	text-decoration: none;
	color: #990c3a;
  }  
  
#liens a:hover ,#fonds_archives #list a:hover,#accueil #list a:hover
  {
	text-decoration: underline;
  }  
  
#liens a
  {
	line-height: 1.9em;
	padding-left: 2em;
  }  
  
#fonds_archives #list h3
  {
	margin-bottom: 24px;
  }  

#fonds_archives #toolbar 
  {
/* 	background-color: #F9F9F9; */
	width: 250px;
	padding: 0px 30px 30px 30px;
  }
  
#fonds_archives #toolbar h3
  {
     margin: 0 0 12px 0;
  }    
  
#fonds_archives #toolbar h3.keywords
  {
     margin: 24px 0 12px 0;
  }  
#fonds_archives #toolbar a
  {
	text-decoration: none;
	color: #333;
	font-size: 12px;
  }  
  
#fonds_archives #toolbar a.selected
  {
	font-weight: bold;
		color: #990c3a;
  }  
  
#fonds_archives #toolbar a:hover
  {
	text-decoration: underline;
  }   

#fonds_archives #toolbar .ico
  {
	/*float: left;*/
	margin: 0px 4px 0 -20px;
  }

#fonds_archives .title
  {
	font-weight: bold;
	color: black;
	font-size: 16px;
	padding: 36px 0 0px 0;
	margin: 0 0 18px 0;
	border-bottom: 1px solid #666;
  }
  
#fonds_archives .subtitle
  {
	font-weight: bold;
	font-size: 14px;
	padding: 4px 0;
  }  

#fonds_archives .data
  {
	margin-bottom: 16px;
  }

#fonds_archives td
  {
	font-size: 14px;
  }  
  
#fonds_archives td.subtitle  
  { 
    width:20em;
    padding: 4px 0;
  }
  
#inventaire_liste  
  {
    width:700px;
    margin: 30px 0 0 0;
  }
  
#inventaire_liste .intitule
  {
    font-size:36px;
    font-weight: normal;
    margin: 0 0 36px 0;
  }  
  
  
.b-top
  {
    float:right;
    font-size:12px;
    font-weight: normal;
  }  
  
#fonds_archives tr
  {
	height: 1.5em;
  }  

#fonds_archives .explications 
  {
	font-size: 11px;
	margin: 0 0 20px 0;
  }
  
.explications ul
  {
	list-style: circle;
	list-style-position: outside;
  }  
  
.explications li 
  {
display: list-item;
margin: 0 0 0 12px;
  }  
  
  
  
/* PAGE CONTACT */

#contact table
  {
	width: 700px;
  }

#contact table td
  {
	vertical-align: top;
  }
  
#contact table td .big
  {
	width: 600px;
  }
  
#contact table td.small
  {
	width: 100px;
  }  
  

#contact #content td.right
  {
	padding: 0 0 0 60px;

  }
  
/* DOSSIERS */
#dossiers table td
  {
	vertical-align: top;
	padding: 10px;
  }  
  
#nav
  {
	width: 100%;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
  }  
  
#nav.top
  {
	margin: 0 0 36px 0;
	border-bottom: 1px solid #E9E0D3;
  }  
  
#nav.bottom
  {
	margin: 36px 0 0  0;
	border-top: 1px solid #E9E0D3;
  }    
  
#nav a
  {
	text-decoration: none;
			color: #990c3a;
  }  
  
#nav span
  {
	color: silver;
	border: 1px dotted red;
  }  
  
#nav a:hover
  {
	text-decoration: underline;
	color: black;
  }  

/* RED */
#red
  {
	margin: 40px 0;
	display: none;

  }
  
#red a
  {
    display: block;
 	width: 210px;
	height: 30px;   
	background: url(../img/red.png) no-repeat; 
	text-indent: -9999px;
		color: #990c3a;
  }  


/* FOOTER */  
#footer
  {
	/*display: none;*/
	clear:both;
	float:left;
	width:90%;
	font-size: 12px;
   font-weight: bold;
	margin: 60px auto 30px auto;
    /*padding: 0 0 0 220px;*/
    text-align: center;
  }  
  
#accueil #footer   
  {
    margin-top: 400px;
    width: 670px;
  }
#footer a
  {
		color: #990c3a;
		width: 100px;
  }  
  
#print-footer
  {
	display: none;
  }  
  
/* BOUTONS */
#b-back
  {
	margin: 30px 0 30px 270px;
	border: 0;
  }  
  
.oButton.oValidate
  {
	width: 100px;
	height: 25px;
	border: 0;
	background: url(../img/b-send.png) no-repeat;
	margin: 30px 0 30px 120px;
  }  
  
.oButton.oValidate span
  {
	display: none;
  }  
  
  .msg
    {
	font-size: 12px;
	font-weight: bold;
	color: maroon;
	margin: 12px 0;
  }

/* ACTUALITES */

#actualites h1, #actualites #content h2
  {
    margin: 0;
    padding: 0;
    line-height: 1em;
  }
  
#actualites h3
  {
    font-weight: bold;
    font-style: italic;
    text-align: right;
  }
  
#page_nav
  {
    text-align: center;
    font-weight: bold;
    border-top:1px solid #990c3a;
    padding-top: 10px;
  }  
  
/* IMAGES */
div.img
  {
    padding: 6px 6px 1px 6px;
    background-color: white;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    
    float:left;
    font-size: 8px;
    color:#666;
    font-family: Helvetica, Arial, sans;
    text-align: right;
  } 

#galerie #content 
  {
/*     width: 900px; */
  }
  
#galerie div.img
  {
padding: 6px ;
margin: auto;
    text-align: center;
    float:left;
  }  
  
#galerie div.img.portrait
  {
    margin: 0 60px
  }  
  
#galerie div.img.land
  {
    margin:  0px 0
  }         

.thumb
  {
    width: 350px;

    float: left;
    text-align: center;
    margin:10px;
  }

  
td.img
  {
    text-align: right;

  }  
  
.img_dossier
  {
    margin: 0 0 0px 10px;    
    padding: 6px 6px 1px 6px;
    background-color: white;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;  
    float:right;
        font-size: 8px;
    color:#666;
    font-family: Helvetica, Arial, sans;
    text-align: right;    
 
  }  
  
/* GALERIE */
#gallery-list tr, #gallery-list td
  {
    vertical-align: middle;
  }  
  
#gallery-list td
  {
    padding: 20px;
  }  
  
#galerie div.img
  {
    margin:  20px;

  }