/* CIRA */

/* Page geometry: three column layout. 
    In html divs must appear in left, right, center order. */

h1, h2, h3, a, p, ul, ol, li, img, dl, dt, dd { padding: 0em; border: 0em; margin: 0em; } 

body { 
 margin: 2em 4em 2em 2ex;
 max-width: 116ex; /* left width + right width + center max (80ex) */
 min-width: 86ex;  /* left width + right width + center min (50ex) */}

.center, .left, .right { position : relative; }

#left { float: left; width: 19ex; }

#center { 
 padding-left: 2em;
 padding-right: 1em;
 margin-left: 18ex;   /* = left width */
 margin-right: 18ex;  /* = right width */ }

#right { 
  float: right;
  width: 18ex; }


/* Basic formatting */

body { font-family: georgia, serif; 
 /*    font-family: verdana, "Bitstream Vera Sans", Helvetica, Arial, 
       sans-serif; */
       font-weight: normal;
       font-size: 10pt;
       line-height: 130%;
       background: white;
       color: black; }

small { font-size: 77% }
acronym { text-transform: lowercase; font-variant: small-caps; font-size:110%; }

a { color: #C00; text-decoration: none; }
a:visited { color: #800 }
a:hover { color: #C00 ; text-decoration: underline }
*:target {background-color: #FFFF99;} /* anchor highlight */

p { padding-top : 1em }


ul { list-style-type: square; padding-top: 1em; margin-left: 0.8em; }
ul li {padding: 0em; margin:0em; }

h1 { font-size: 125%; font-weight: normal;}

#contents h1 { font-size:100%; font-weight:bold; padding: 0em; }
h2 { margin-top: 1em; font-size: 100%; font-weight: bold; }
h3 { margin-top: 1em; font-size: 100%; font-weight: bold; }
h4 { margin-top: 0em; margin-bottom: 0em; font-weight: normal; font-size: 85%; }
h5 { margin-top: 0em; margin-bottom: 0em; color:#FF0000 }

img.center { display : block; margin-left:auto; margin-right:auto; 
                   margin-top:1ex; margin-bottom:1ex; }
img.floatleft { display : block; float:left; margin-right: 1ex;
                     margin-top:1ex; margin-bottom:1ex; }
img.floatright { display : block; float: right; margin-left: 1ex;
                       margin-top:1ex; margin-bottom:1ex; }

ul.toc { list-style-type: disc; list-style-position: inside; padding: 2ex 0em 0em 1em;}
ul.enumeration { list-style-type: none; padding: 0em;}
ul.enumeration li { padding: 2ex 0em 0em 0em; }

dt { font-style: italic; padding-top: 1em; }
dd { margin-top: 1ex; padding-left: 3ex; }
 
/* Nom propre */
.nomp { text-transform: lowercase; font-variant: small-caps; font-size:110%; }

#right { text-align: left; }
#left { text-align: right; }
#center { text-align: left; }

#menu ul { list-style-type: none }
#menu li {
  padding: 1em 0em 0em 0em;
  font-size: 110%;
  text-transform: lowercase; bold
  letter-spacing: 1px;

  font-variant: small-caps; }

#menu li.small {
  line-height: 1.0;
  padding: 1.5ex 0em 0em 0em;
  font-size: 75%;
  text-transform: None;
  letter-spacing: 0px;
  font-variant: normal; }

#menu a { color:black; }
#menu a:hover { color: #C00; text-decoration: none; }
#menu li img { display:inline; padding-right: 0ex; }
#menu li.small img { padding-right: 0.5ex; }


#header a { color : black }
#header a:hover { color: #C00; text-decoration: none;}
#header { 
 padding-top: 1em;
 text-align : left; 
 line-height: 150%;
 border-width: thin; 
 border-bottom-style: solid;
 border-color: #999;
 padding-bottom:1ex }


#translations { text-align : right; margin-top: 0.5ex; font-size: 80% }
#translations a { color: black; }
#translations a:hover { color: #C00; text-decoration: none}
#translations ul { display : inline; }
#translations ul li { display : inline } 
#translations .sep { margin-left: 1ex; margin-right: 1ex }


#footer { clear : left;
	  text-align: left;
	  padding-top: 1ex; margin-top: 2em;
	  border-width : thin;
	  border-color: #999;
	  border-top-style : solid;
	  font-size : 80% }
#footer .sep { margin-left: 1ex; margin-right: 1ex }
#footer form.searchbox { margin-right : 2ex;
	                 display : inline;
			 border-width: thin;
			 border-color : white;
			 border-bottom-style: solid;
			 border-right-style: solid; }
#footer form * { display : inline; margin:0em; border:0em; padding:0em }
#footer form.searchbox:active,
#footer form.searchbox:hover { border-color : #C00; }
#footer form input { border: none; background-color:transparent;}

#footer .invisiblelinks a { color : white; }
#footer .invisiblelinks a:hover { color: #C00; text-decoration: none }

/* Special content */

/*.contact ul { list-style-type: none; padding-top: 1em}
.contact li { padding: 0em 0em 0em 0em } */


.news div#contents > ol { list-style-type: none; padding: 0em; }
.news div#contents > ol > li { padding: 2ex 0em 1ex 0em }

.news .title { font-weight: bold; padding-left: 1ex;}
.news .contents { margin-top:-1ex; padding-left: 3ex; font-size: 100%; }

.filmography #contents ul.filmlist 
{ list-style-type: none; padding: 0em; }
.filmography #contents ul.filmlist li { padding: 2ex 0em 0em 0em }
.filmography .title { display : inline; font-style: italic; }
.filmography .info { display : inline }
.filmography .remark { font-size: 85%; padding-left:3ex; }

/* Print specifics */

@media print {

body { width: auto;
          max-width: none;
          min-width: none;
          font-size: 12pt;
          margin: 0;
	  padding: 0;
	  border: 0; }

#center { margin: 0em; padding: 0em; border: 0em; }
#left { display: none; float: none;}
#right { display: none; float: none;}
#translations { display : none }

a:link { color: black; text-decoration: none }
a:visited { color: black; text-decoration: none }

 h2:first-child { padding: 2ex 0em 0em 0em; } /* because there's no translation menu */

 #footer .invisiblelinks { display : none }
}


/* Stylesheet: cira Modified On 2018-06-19 15:56:00 */