@import url(http://common.alainsatie.com/style/flag/flag.css);    


    *{
     font-family:verdana,tahoma,sans-serif;
    }
    body{}
    img{
      border:0px;
    }
    div,form{
      border:0px;
      padding:0px;
      margin:0px;
    }
    
    #http-error{
      color:#cc0000;
      background-color:#ffcccc;
      margin-left:auto;
      margin-right:auto;
      margin-top:150px;
      border:1px solid #cc0000;
      font-size:1em;
      font-weight:bold;
      padding:1.5em;
      text-align:center;
      width:80%;
    }
    
    /* Page d'index : racine du site localized */
    #index{
      background-color:transparent;
      text-align:center;
      margin:0px;
      padding:0px;
    }
    #index div{
      background-color:transparent;
      border:0px solid red;
      padding:0px;
      margin:0px;
      width:800px;
      margin-left: auto;
      margin-right: auto;
    }
    
    #index #head{
      margin-top:20px;
      margin-bottom:5px;
      text-align:justify;
    }

    #index #head h2{
      margin:0px;
      text-transform:capitalize;
      color:#333333;
      font-weight:bold;
      letter-spacing:9px;
      font-size:31px;
      font-family:arial,helvetica,sans-serif;
      text-align:right;
    }
    #index #head h3{
      color:#666666;
      font-weight:bold;
      font-style:italic;
      text-align:right;
      font-size:15px;
      margin:0px 9px 0px 0px;
      font-family:arial,helvetica,sans-serif;
    }
    /* drapeaux */
    #index #foot{
      text-align:right;
      margin-top:5px;
      margin-bottom:5px;
    }
    #index #foot img{
      /*border-left:4px solid #ffffff;*/
      margin-left:4px;
      float:right;
      width:27px;
      height:15px;
    }
    #index #body{
      text-align:center;
      font-size:2em;
      font-weight:bold;
    }
    
    
    
    
    
    #contact{
    	background-color:transparent;
    }
    #contact {
    	 padding:5px;
    	 width:400px;
    	 border:1px solid #eeeeee;
    }
    #contact label{
    	 margin-top:3px;
    	 text-indent:5px;
    	 font-style:italic;
    	 color:#666666;
       font-size:0.7em;
       display:block;
    }
    #contact input , #contact textarea{
       font-size:0.8em;
       border:1px solid #cccccc;
       background-color:#ffffff;
       display:block;
    }
    #contact input{
       width:200px;
       height:20px;
    }
    #contact textarea{
       width:100%;
       height:150px;
    }
    #contact input:focus , #contact textarea:focus{
       border:1px solid #333333;
       background-color:#ffffe6;
    }
    #contact input.hidden{
       display:none;
       border:0px solid #ffffff;
       background-color:transparent;
    }

    #contact .error{
       display:block;
       color:#cc0000;
       font-size:0.7em;
       font-weight:normal;
    }

    #contact #counter{
       color:#666666;
       font-size:11px;
       font-style:italic;
       font-weight:normal;
    }
    #contact button{
       width:190px;
       height:20px;
       font-size:10px;
       text-align:center;
       vertical-align:middle;
       cursor:pointer;
       margin:10px 0px 0px 100px;
       border: 1px solid #333333;
       text-decoration:none;
       background-color:#999999;
       color:#ffffff;

    }
    
    #contact button:focus,
    #contact button:hover{
       background-color:#666666;
       color:#ffffff;
    }
    
    /*Page contact.notice*/
    #contact h3{
      color:#333333;
      font-size:1em;
      font-weight:bold;	
      display:block;
      margin:0.5em 0px 1.5em 0px;
    }

    #contact .value{
      font-size:0.8em;
      color:#333333;
      margin-bottom:1em;
    }
    #contact .value#message{
      white-space:normal;
    }
    
    
    #side-bar{
      display: block;
      background-color:transparent;
      top:10px;
      left:10px;
      position:absolute;
      width:200px;
      z-index:9;
    }
    #side-bar ul{
      list-style:none;
      margin:1px;
      padding:0px;
      overflow:hidden;
    }
    #side-bar li{
    }

    #side-bar li.first {
      margin-top:10px;
    }
    #side-bar li.last {
      margin-bottom:10px;
    }


    #side-bar li a, 
    #side-bar li#active li a {
      background-color:transparent;
      display: block;
      width:100%;
      min-height:1.2em;
      text-decoration:none;
      color:#666666;/* 20061229 : + clair : 333333 */
      line-height:1em;
      font-size: 0.7em;/* 20061229 : + petit : .8 */
      font-weight:normal;
      border:1px solid #ffffff;
    }
    #side-bar ul ul a {
      text-indent:0.8em;
    }
    /* onmouseover */
    #side-bar li a:hover,
    #side-bar li a:active,
    #side-bar li#active li a:hover,
    #side-bar li#active li a:active
     {
      text-decoration:none;
      color:#ffffff;
      background-color:#888888;/* 20061229 : + clair : 666666 */
      border:1px solid #666666;/* 20061229 : + clair : 333333 */
    }
    /* courrant */
    #side-bar li#active a {
      text-decoration:none;
      color:#ffffff;
      background-color:#999999;/* 20061229 : + clair : 666666 */
      border:1px solid #666666;/* 20061229 : + clair : 333333 */
    }



    
    #side-bar #footer{
      background-color:transparent;
      width:100%;
      margin-top:50px;
      overflow:visible;
      float:left;
      color:#999999;
      font-size:0.6em;
      font-weight:normal;
      text-align:left;
      white-space:nowrap;
    }
    #side-bar #footer ul {
      margin:10px 0px 0px 10px;
    }
    #side-bar #footer ul a,#side-bar #footer ul a:hover {
      background-color:transparent;
      display: block;
      width:100%;
      height:18px;
      text-decoration:none;
      color:#333333;
      border:1px solid #ffffff;
    }
    
    
    span.reference{
       color:inherit;
       font-weight:bold; 
    }
   
    
    a.reference{
       color:inherit;
       text-decoration:underline; 
       font-weight:bold; 
    }
    
    a.reference:hover{
       text-decoration:none; 
    }
    



    #content{
      position:absolute;
      top:10px;
      left:230px;
      background-color:#ffffff;
      z-index:10;
    }
    #content-head{
      width:750px;
      padding-left:1em;
      padding-right:1em;
      background-color:transparent;
    }
    #content-head h1{
      background-color:transparent;
      font-size:1.3em;
      font-style:normal;
      color:#000000;
      border-bottom:0px solid #ffffff;
      font-weight:bold;
      margin-bottom:1.3em;
      width:100%;
      text-align:center;
      display:none;
    }
    #content-head h2{
      background-color:transparent;
      line-height:1em; /* 20061229 + petit 1.1em*/
      font-size:.9em;  /* 20061229 + petit 1em  */
      font-style:italic;
      color:#000000;
      border-bottom:0.2em solid #454545;
      font-weight:bold;
      margin-top:0px;
      margin-bottom:1em;
      width:100%;
      text-indent:0px;
    }
    #content-head h3{
      background-color:transparent;
      text-align:right;
      font-size:0.8em;/* 20061229 + petit .9em  */
      font-style:italic;
      color:#666666;
      font-weight:bold;
      margin:-12px 10px 15px 0px;
    }
    #content-head p{
      font-size:.7em;/* 20061229 + petit .8em  */
      font-style:normal;
      color:#000000;
      text-indent:1em;
      text-align:justify;
      padding-bottom:0em;  /* 20070101 normalement, inutile padding-bottom:0.1em; 20061229 + petit .2em  */      
      padding-top:0em   ;  /* 20070101 normalement, inutile padding-top:0.1em   ; 20070101 + petit inexistant  */
      margin-bottom:0.1em; /* 20070101 inexistant  */      
      margin-top:0.5em;    /* 20070101 inexistant  */      
    }

    #content-head p.header{
      font-size:.8em;/* 20061229 + petit .8em  */
      font-weight:bold;
      text-align:left;
      padding-bottom:.2em;
      padding-top:.5em;
    }
    
    
    /* Le bandeau de navigation avec vignettes  */
    #content-head #thumbs{
      text-align:right;
      border:1px solid #999999;
      min-height:74px;
      padding:1px;
      background-color:#efefef;
      margin-top:10px; /* 20070101 inexistant : pour compenser le disparition du margin-bottom du <p> */
      margin-bottom:5px;
      font-size:0.1em;
    }
    #content-head #thumbs img{
      margin-left:2px;
      border:1px solid #efefef;
    }
    #content-head div#thumbs img:hover{
      border:1px solid #666666;
    }


    /* contenu */
    #content-body{
      width:750px;
      padding-left:1em;
      padding-right:1em;
      padding-bottom:2em;
      background-color:transparent;
    }
    
    #content-body .medium{
      background-color:transparent;
      text-align:center;
      padding:30px 2px 2px 2px;
    }
    #content-body .medium img{
      padding:2px;
      border:1px solid #ffffff;
    }
    #content-body .medium img.bordered{
      border:1px solid #333333;
    }

    #content-body .medium .info{
      margin: auto;
      margin-top:25px;/* 200701011 15px - 20061229 regle inexistante  */
      font-size:0.7em;
      color:#333333;
      font-style:normal;
    }
    #content-body .medium .info .title{
      color:#666666;
      font-weight:bold;
      letter-spacing:2px
    }
    #content-body .medium .info  .date{
      font-weight:normal;
    }
    #content-body .medium .info  .tech{
      color:#666666;
      font-weight:normal;
      font-style:italic;
    }
    #content-body .medium .info  .size{
      color:#666666;
      font-weight:normal;
      font-style:italic;
    }
    #content-body .medium .info  .productor{
      color:#666666;
      font-weight:normal;
      font-style:normal;
    }
    #content-body .medium .info  .comment{
      display:block;
      font-weight:normal;
      text-align:justify;
      width:500px;
      margin-left:auto;
      margin-right:auto;
      text-indent:0px;
      margin-top:1px;
    }
    
    /*page toc*/
    #content-body #toc .medium,
    #content-body #toc .medium-ref,
    #content-body #toc .medium-fake,
    #content-body #toc .s,
    #content-body #toc .b,
    #content-body #toc .e{
       margin:0px; 
       padding:0px; 
       text-align:left;
       font-style:normal;
    }


    #content-body #toc{
       margin-top:2em;
    }
    #content-body #toc .toc-section{
       display:block;
       font-style:italic;
       font-weight:bold;
       text-indent:1.2em;
       font-size:.9em;
       color:#333333;
       margin-top:1em;
       margin-bottom:.5em;
    }
    
    
    #content-body .toc{
       display:block; 
       font-size:.8em;
       text-indent:-1em;
       padding-left:1em;
    }
    #content-body .toc .s .toc-title{
       font-weight:bold;
       font-size:1.1em;
       margin-bottom:.5em;
       margin-top:.5em;
       display:block; 
    }
    #content-body .toc .s ul.toc-thumbs{
       list-style:none;
       margin:0px;
       padding:0px;
       overflow:hidden;
       display:block;
    }
    #content-body .toc .s ul.toc-thumbs li{
       display:inline;
       height:35px; 
       width:35px; 
       overflow:hidden;
       margin:1px;
       padding:0px;
    }

    #content-body .toc .s ul.toc-thumbs li a{
       padding:0px;
       height:35px; 
       width:35px; 
       overflow:hidden;
       display:inline;
       text-align:center;
       background-color:inherit;
    }

    #content-body .toc .s ul.toc-thumbs li a img{
       height:35px; 
       max-width:35px; 
    }
    
    
    #content-body .toc a{
       color:#000000;
       text-decoration:underline;       
    }
    #content-body .toc a:hover{
       color:#333333;
       text-decoration:none;       
    }
    #content-body .toc .toc-title{
       font-weight:bold;
    }
    #content-body .toc .toc-year{
    }
    #content-body .toc .toc-tech{
       font-style:italic;
    }
    #content-body .toc .toc-duration{
    }
    #content-body .toc .toc-comment{
       display:inline; 
       font-size:.7em;
    }

    

    /**
     * MUSEUM
     */
    #content-body ul#museum{
      list-style:none;
      font-size:0.8em;
      display:block;
      padding-left:0px;
    }
    #content-body ul#museum li{
      padding:2px 0px 5px 0px;
      text-align:left;
      color:#000000;
      display:block;
    }
    #content-body ul#museum .museum-title{
      font-weight:bold;
    }
    #content-body ul#museum .museum-location{
      font-weight:normal;
    }


    /**
     * EXHIBITIONS
     */
    #content-body .exhibitions{
      empty-cells:show;
      width:100%;
    }
    #content-body .exhibitions th{
      padding:0.1em 1em 0.1em 0.1em ;
      width:3em; /*4 caractères des .7em */
      text-align:left;
      vertical-align:top;
      font-style:normal;
      font-weight:normal;
      color:#000000;
      font-size:0.7em;
    }
    #content-body .exhibitions td{
      padding:0.1em;
      text-align:left;
      vertical-align:top;
      font-style:normal;
      font-weight:normal;
      color:#000000;
      font-size:0.7em;
    }

    #content-body .exhibitions td.personnal{
      /*background-color:#ccffcc;*/
    }
    #content-body .exhibitions td.collective{
      /*background-color:#ffffcc;*/
    }

    
    #content-body .exhibitions .link  {
      font-weight:bold;
    }
    #content-body .exhibitions .e-sub-title  {
      font-weight:normal;
      font-size:90%;
    }

    #content-body .exhibitions a {
      color:inherit;
      text-decoration:underline;
    }
    #content-body .exhibitions a:hover {
      color:#990000;
      text-decoration:none;
    }
    #content-body .exhibitions .e-event {
      font-style:italic;
    }
    #content-body .exhibitions .e-title {
      font-style:normal;
    }
    #content-body .exhibitions .location {
      font-style:italic;
    }




    

    /**
     * BOOKS
     */
    #content-body .book-section{
      padding:1em 0px .5em 0.5em;
      color:#000000;
      font-size:0.8em;
      font-style:italic;
      font-weight:bold;
      text-align:left;
    }
    #content-body .book{
      padding:0px;
      text-align:left;
      color:#000000;
    }


    #content-body .book .b-title{
      font-size:0.7em;
      font-style:normal;
    }
    #content-body .book .b-in{
      font-size:0.7em;
      font-style:italic;
    }

    #content-body .book a{
      color:inherit;
      text-decoration:underline;
    }
    #content-body .book .link  {
      font-weight:bold;
      font-style:normal;
    }


    #content-body .book .author{
      font-size:0.7em;
      font-style:normal;
      font-weight:normal;
    }
    #content-body .book .subtitle,
    #content-body .book .release-date,
    #content-body .book .editor{
      font-size:0.65em;
      font-style:normal;
      font-weight:normal;
    }
    #content-body .book .location{
      color:inherit;
      font-size:0.65em;
      font-style:italic;
      font-weight:normal;
    }
    #content-body .book .sale{
       display:inline;
       vertical-align:bottom;
       margin:0px 0px 0px 20px;
    }

    /**
     * LINKS
     */    
    #content-body #links{
      width:100%;
    }

    #content-body #links td,
    #content-body #links th{
      padding:2px;
      text-align:justify;
      font-size:0.8em;
      color:#666666;
      empty-cells:show;
    }

    #content-body #links th{
      text-align:left;
      padding-right:5px;
      white-space:nowrap;
      vertical-align:top;
    }

    #content-body #links td img{
      height: 16px;
      width: 16px;
      margin-right: 4px;
    }



    
    #content-body #links a{
      color:#000000;
      text-decoration:underline;
      font-size:0.9em;
    }
    #content-body #links a:hover{
      color:#666666;
      text-decoration:none;
    }


    
    
    @media print {
    
       body{
         padding:20px;
       }
       
       #side-bar{
         display:none;
       }
       #content-head h1{
         display:block;
       }
       #content-head #thumbs{
         display:none;
       }
       #content{
         position:relative;
         top:0px;
         left:0px;
       }
       #content-head{
         width:100%;
       }
       #content-body{
         width:100%;
       }
       #content-body #toc ul.toc-thumbs{
         display:none;
       }
    }

    
    /**
     * Page d'erreur 404.php
     */