body
  {
    background: url(../img/bg.png) repeat-x white;
    font-family: Helvetica, Arial, sans;
    color:#333;
    font-size:14px;
  }
  
#content a { text-decoration: none;}
#content a:hover { border-bottom: 1px dotted;}  
a {outline: 0;} 
.center { text-align: center;}
  
/* STRUCTURE
*****************************************************************/
#wrapper
  {
    width:848px;
    margin: 0px auto;
/*     background: white; */
    height: auto;
  }  
  
#header
  {
    width: 848px;
    height: 124px;
    background: url(../img/header-bg.png) no-repeat;
  }  
  
#content
  {
      background: white;
  }  
  
#content .gutter
  {
    padding:24px 36px;
  }
  
#services #content .gutter,
#fonds_archives #content .gutter,
#apropos #content .gutter
  {
    margin-left:116px;

  }  
  
/* EN-TETE
*****************************************************************/    
#b-home
  {
    display: block;
    width: 400px;
    height: 100px;
    top:10px;
    position: relative;
    text-indent: -9999px;
    float:left;
  }
  
#quote  
 {
   width: 361px;
   height: 122px;
   position: relative;
    float:right;
   margin-right: 3px; 
   	z-index:5;
	display: none;
 }
  
/* MENU
*****************************************************************/  
#menu
  {
    width: 848px;
    height: 50px;
  }
  
#menu li
  {
    display: inline;
    width: 121px;
    height: 50px;
    
  }  
  
#menu a
  {
    display: block;
    width: 121px;
    height: 50px;
    float:left;
    text-indent:-9999px;    
  }  
  
#m-accueil a { background: url(../img/m-accueil.png) top }  
#m-accueil a:hover { background: url(../img/m-accueil.png)  center}  
#accueil #m-accueil a { background: url(../img/m-accueil.png) bottom } 

#m-services a { background: url(../img/m-services.png) top }  
#m-services a:hover { background: url(../img/m-services.png)  center}  
#services #m-services a { background: url(../img/m-services.png) bottom }  

#m-fonds_archives a { background: url(../img/m-fonds_archives.png) top }  
#m-fonds_archives a:hover { background: url(../img/m-fonds_archives.png)  center}  
#fonds_archives #m-fonds_archives a { background: url(../img/m-fonds_archives.png) bottom } 

#m-apropos a { background: url(../img/m-apropos.png) top }  
#m-apropos a:hover { background: url(../img/m-apropos.png)  center}  
#apropos #m-apropos a { background: url(../img/m-apropos.png) bottom } 

#m-liens a { background: url(../img/m-liens.png) top }  
#m-liens a:hover { background: url(../img/m-liens.png)  center}  
#liens #m-liens a { background: url(../img/m-liens.png) bottom }  

#m-contacts a { background: url(../img/m-contacts.png) top }  
#m-contacts a:hover { background: url(../img/m-contacts.png)  center}  
#contacts #m-contacts a { background: url(../img/m-contacts.png) bottom } 
#merci #m-contacts a { background: url(../img/m-contacts.png) bottom } 
#m-presse a { background: url(../img/m-presse.png) top }  
#m-presse a:hover { background: url(../img/m-presse.png)  center}  
#presse #m-presse a { background: url(../img/m-presse.png) bottom } 

/* SOUS-MENU
*****************************************************************/ 
#submenu
  {
    float:left;
    text-align: center;
    width:119px;
    height: 500px;
    margin: -17px 0 0 1px;
    padding: 40px 0 0 0;
  }
  
#submenu li
  {  
    width: 140px;
    height: 40px;
    margin-bottom:  20px;
    vertical-align: middle;
  } 
  
#submenu li a
  {  
    display:block;
    width: 140px;
    height: 32px;
    text-decoration: none;
    text-indent: -9999px;
  }    
  
#submenu li a:hover
  {  text-decoration: underline; border:0}   
  
#submenu li.selected
  {
    font-weight: bold;
  }  

/*
#services #submenu li.selected a { background: url(../img/services-sel.png) no-repeat right center; }
#fonds_archives #submenu li.selected a { background: url(../img/fonds_archives-sel.png) no-repeat right center; }
#apropos #submenu li.selected a { background: url(../img/apropos-sel.png) no-repeat right center; }
*/

/* SOUS-MENUS
*****************************************************************/ 

#services #submenu { background: url(../img/s-services-bg.png) no-repeat}

#services #s-archivage a { background: url(../img/s-services-archivage.png) no-repeat bottom;} 
#services #s-archivage.selected a { background: url(../img/s-services-archivage.png) no-repeat top;} 
#services #s-historiques a { background: url(../img/s-services-historiques.png) no-repeat bottom;} 
#services #s-historiques.selected a { background: url(../img/s-services-historiques.png) no-repeat top;} 

#fonds_archives #submenu { background: url(../img/s-fonds_archives-bg.png) no-repeat}

#fonds_archives #s-archives a { background: url(../img/s-fonds_archives-archives.png) no-repeat bottom;} 
#fonds_archives #s-archives.selected a { background: url(../img/s-fonds_archives-archives.png) no-repeat top;} 
#fonds_archives #s-iconographie a { background: url(../img/s-fonds_archives-iconographie.png) no-repeat bottom;} 
#fonds_archives #s-iconographie.selected a { background: url(../img/s-fonds_archives-iconographie.png) no-repeat top;} 
#fonds_archives #s-depot_consultation a { background: url(../img/s-fonds_archives-depot_consultation.png) no-repeat bottom;} 
#fonds_archives #s-depot_consultation.selected a { background: url(../img/s-fonds_archives-depot_consultation.png) no-repeat top;} 

#apropos #submenu { background: url(../img/s-apropos-bg.png) no-repeat}

#apropos #s-presentation a { background: url(../img/s-apropos-presentation.png) no-repeat bottom;} 
#apropos #s-presentation.selected a { background: url(../img/s-apropos-presentation.png) no-repeat top;} 
#apropos #s-comite a { background: url(../img/s-apropos-comite.png) no-repeat bottom;} 
#apropos #s-comite.selected a { background: url(../img/s-apropos-comite.png) no-repeat top;} 
#apropos #s-statuts a { background: url(../img/s-apropos-statuts.png) no-repeat bottom;} 
#apropos #s-statuts.selected a { background: url(../img/s-apropos-statuts.png) no-repeat top;} 
#apropos #s-rapports_activite a { background: url(../img/s-apropos-rapports_activite.png) no-repeat bottom;} 
#apropos #s-rapports_activite.selected a { background: url(../img/s-apropos-rapports_activite.png) no-repeat top;} 
#apropos #s-revue_presse a { background: url(../img/s-apropos-revue_presse.png) no-repeat bottom;} 
#apropos #s-revue_presse.selected a { background: url(../img/s-apropos-revue_presse.png) no-repeat top;} 

/* ELEMENTS COMMUNS
*****************************************************************/ 
/*
p.download
  {
    padding: 0 0 0 22px;
    height: 20px;
    vertical-align: middle;
    color:#666;
    margin: 12px 0 0 0;
  }
*/
  
p.back, p.download    
  {
     height: 20px;
    vertical-align: top;
    color:#666;
    margin: 12px 0 0 0;

  }
  
p.back img , p.download img{ vertical-align: top; margin: 0 4px 0 0} 

p.back a, p.download a { text-decoration: none;} 
p.back a:hover, p.download a:hover { text-decoration: underline;} 

/* STYLE PAGES
*****************************************************************/ 
#accueil h1, #accueil h2, #accueil #content a { color:#B3821C;}
#services h1, #services h2, #services #content a { color:  #B3821C;}
#fonds_archives h1, #fonds_archives h2, #fonds_archives #content a { color:  #779029; }
#apropos h1, #apropos h2, #apropos #content a { color:  #29658D; }
#liens h1, #liens h2, #liens #content a { color:  #3D268D; }
#contacts h1, #contacts h2, #contacts #content a { color:#8A2855; }
#presse h1, #presse h2, #presse #content a { color:#B2381E; }

#accueil #footer  { border-top:1px solid #E8D9BA;}
#services #footer { border-top:1px solid #E8E2BA;}
#fonds_archives #footer  { border-top:1px solid #D4DCBC; }
#apropos #footer  { border-top:1px solid #BED0DD; }
#liens #footer  { border-top:1px solid #C4BDDD; }
#contacts #footer  { border-top:1px solid #DCBECC; }
#presse #footer  { border-top:1px solid #E8C3BB; }

/* SPECIFIQUE AUX PAGES
*****************************************************************/ 

/* FOND D'ARCHIVES */

#fonds_archives .download
  {  background: url(../img/fonds_archives-download.png) no-repeat; }
  
.fund_detail
  {
    width:640px;
  }  
  
.fund_detail th, .fund_detail td
  {
    vertical-align: top;
    text-align: left;
    padding: 3px;
  }

.fund_detail th { color: #779029;}
  
  
/* LIENS */
#liens p  
  { 
    margin: 12px 0 0 0;
  }
  
p.category { margin-top: 16px;}  
   
#liens a { font-weight: bold;}

/* CONTACTS */
#contacts p { }

#contacts label
  {
    font-weight: bold;
    display: block;
    color:#8A2855;
  }
 
#contacts #oError
  {
    display: block;
    width: 300px;
    background: #8A2855;
	  font-size:18px;
    margin: 0 0 20px 0;
    padding: 20px 10px;
    color:white;
    text-align: center;
    font-weight: bold;
  } 
  
#contacts .oErrorMessage
  {
    display: block;
    color: #8A2855;
    margin-bottom: 12px;
    font-style: italic;
  }  

#contacts table td.info
  {
    width:452px;
  } 
  
#contacts table td.form
  {
    width:300px;
  }  

#merci div.message
  {
    margin: 100px auto ;
    text-align: center;
    padding: 0 0 300px 0;
    color:#8A2855;
  }
  
#merci h1 { font-size:32px;}  
#merci h2 { font-size:18px; font-weight: normal; margin-top: 12px;}  

/* RAPPORT D'ACTIVITES */

dl.pdf_list
  {
    margin-top: 32px;
  }
  
dl.pdf_list dt img
  {
    vertical-align: middle;
  }  
  
dl.pdf_list dd
  {
    padding: 0px 0 0 44px;
  }  
  
/* PRESSE */ 
#presse table
  {
    margin-top: 40px;
  }
  
#presse .content h3
  { margin-bottom: 12px; }
 
#presse dl
  {
    display: block;
    width: 400px;  

  }   
#presse .content
  {
    padding: 0 0 0 20px
  }  
  
#presse .content p
  { margin: 0 0 20px 0;} 

#presse dt 
  {
    display: block;
    float:left;
    width: 100px;
  } 
  
#presse .folders
  {
    border-right: 1px solid silver;
  }  
  
#presse dt, #presse dd 
  { margin: 0 0 12px 0;} 
  
#presse dt.sel, #presse dd.sel, #presse dd.sel s 
  {  
/*     font-weight:bold; */
    background: #B2381E ;
    color:white;
  }  
  
#frm-login
  {
    margin: 40px auto 200px auto;
    width: 350px;
    padding:  20px;
    border: 1px solid #B2381E;

  }  
  
#frm-login label
  {  
    font-weight: bold;
    color:#B2381E;
  }  
  
#loggin_error  
  {
    text-align: center;
    font-size: 16px;
    color:maroon;
    font-weight: bold;
    margin: 20px 0;
  }
   
/* ICONOGRAPHIE */

.breadcrumb, .breadcrumb img {vertical-align:text-bottom;}

#fonds_archives.iconographie table
  {
    width:600px;
  }

table.iconographie_detail td. table.iconographie_detail th
  {
    margin-bottom: 4px;
  }
  
#photo_nav
  {
    text-align: center;
    margin: 0 0 20px;
    font-size:12px;
  }  

.thumb
  {
    width: 200px;
    height: 240px;
    float:left;
    text-align: center;
    font-size: 12px;
    margin: 0 0 0 10px;
    line-height: 1.1em;
  }
  
.thumb>a
  { color:gray}
  
.photo
  {
    margin: 0 0 12px 0;
    text-align: center;
  }  
  
.page_nav
  {
    width: 650px;
    text-align: center;
    margin: 20px 0 ;
    float: left;
  }  
  
#list-images
  {
    width: 650px;
    float:left;
  }  
  
.no_results
  {
    font-size: 32px;
    font-weight: 100;
    margin: 100px auto 300px; 
    color:#779029;      
    text-align: center;
  }  
  
/* PIED DE PAGE */  
#footer
  {
    width: 848px;
    height: 70px;
    text-align: center;
    float:left;
    margin: 20px 0 100px 0;
    font-size:12px;
    color:gray;
    line-height: 2.9em;
  }
  
#footer a
  {
    color:#666;
    font-weight: normal;
  }