body{
  margin: 0;
  padding: 0;
  font-family: "Geneva", "Arial", "Verdana", "Helvetica", sans-serif;
  font-size: 10pt;
  color: White;
  background-color: #600;
}
a, a:visited {
  text-decoration: none;
  color: #960;
}
a:hover{
  color: White;
}
a:focus {
  color: #903;
}
#logo{
  width:100%;
}
#logo img{
  margin-left: 30px;
  margin-top: 1px;
}
#menu{
  font-family: "Lithos Pro Regular", "Geneva", "Arial", "Verdana", "Helvetica", sans-serif;
  float: left;
  width: 18%; 
  margin: 1em 0 2em 30px;
  font-size: inherit;
  background-color: #600;
  border: solid;
  border-width: 0px;
  border-color: Gray; /* Red;*/
  text-align: right;
}
#langue{
  font-size: 12px;
  float: left;
  margin: 1em 1em 2em -10em;
}
#menu a {
  color: #660033;
  text-decoration: none;
}
#menu a:visited{
  color: #903;
}
#menu a:hover{
  color: #306;
}

#pageinf{
  display: block;
  float: right;
  width:77%;/*80%;*/
  margin-left:0;/* -1em;*/
}
p, h1, h2{
  margin: 1em;  
}
.titre, .titrefr{
  font-size: 48px;
  font-family: "Times New Roman", Times, serif;
  color: #996600;
  font-weight: bold;
}
#pageinf h2{
    font-size: 18px;
    color:#CC9933;
    font-weight: bold;
}
#logo span.titre{
  position: absolute;
  top: 0.3em;
  left: 3.5em;
}
#logo span.titrefr{
  position: absolute;
  top: 1.3em;
  left: 3.5em;
}
#logo span#slogan{
  position: absolute;
  top:5.8em;
  left:5em;
  font-size:14px;
  font-family: inherit;
  color: #aaa;
}
#menu ul{
  list-style:none;
  margin-top:0;
  margin-left:0;
  padding:0;
  font-weight: bold;
}
#menu a {
  color: #006;
  text-decoration: none;
}
#menu a:visited{
  color: #333;
}
#menu a:hover{
  color: Red;
}
#menu li { /*propriétés communes des lignes de menu*/
  font-size: 10pt;
  border: 0;
  color: black;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-right: 0.5em;
}

#menu li.neutre{
  color: #aaa;
  margin-top: 1em;
  padding-top: 0.9em;
  padding-bottom: 0;
  padding-left: 1em;
  text-align: left;
}
#menu li.mn1{background-color: #c63;}
#menu li.mn2{background-color: #f96;}
#menu li.mn3{background-color: #c63;}
#menu li.mn4{background-color: #930;}
#menu li.mn41{background-color: #c63;}
#menu li.mn5{background-color: #f96;}
#menu li.mn6{background-color: #c63;}
#menu li.mn7{background-color: #f96;}
#menu li.mn8{background-color: #c63;}
#menu li.mn9{background-color: #930;}
#menu li.mn10{background-color: #c63;}
#menu li.mn11{background-color: #f96;}
#menu li.mn12{background-color: #c63;}
#menu li.mn13{background-color: #f96;}
#menu li.mn14{background-color: #c63;}
#menu li.mn15{background-color: #930;}
#menu li.mn16{background-color: #c63;}

#menu li:hover{
  background-color: #FFF;
}
#menu li.neutre:hover{
  background-color: #600;
}
#menu li.pubcd{
  text-align: left;
}
#menu li.pubcd img{
  border-width: 0px; 
  width: 80px;
  margin-left: 10px; 
}
#menu div.fbook{
  text-align: left;
}
#menu div.fbook img{
  width: 80px;
  border: 0px; 
  margin:10px;
}
#pageinf p{
  margin: 0 0.5em 1em 0;
}

div.imgr_n{
  padding-top: 5em;
  padding-bottom: 1em;
  padding-left: 5em;
}

.intro_n{
  padding-left: 5em;
  padding-top: 2em;
  padding-bottom: 2em;
  width: 30em;
}
.relief_n, .relief_n1{
  font-family : "Geneva", "Arial", "Verdana", "Helvetica", sans-serif;
  font-style: italic;
}
.relief_n{
  font-size: 150%;
}
.relief_n1{
  font-size: 120%;
  /*font-weight: bold;*/
}
.accueil_n{
  font-family: inherit;
  font-size: 120%;
  text-align: left;
}

.accueil p:first-letter{
  font-family: inherit;
  font-size: 150%; 
  font-weight: bold; 
  float: left; 
}
.accueil{
  font-family: inherit;
  text-align: justify;
}
.accueil h2{
  text-align: left;
}
#liste{
  float: left;
  margin-right: 2em;
}
#liste ul{
  list-style:none;
  margin:1em;
  padding:0;  
}
span ul.nodot{
  list-style: none ;
}
span ul li.nom{
  font-size: 120%;
}
#pageinf #ipaf{
  color: White;
  font-weight: bold;
}
#bio, .bio {
  margin: 1em 1em 1em 1em;
  font-size: 11pt;
}
#photo {
  float: left;
  margin-right: 1em;
}
#titrepage, #titrepage_p{
  font-family: "Lithos Pro Regular","Geneva", "Arial", "Verdana", "Helvetica", sans-serif;
  font-size:18pt;
  font-weight: bolder;
  border-bottom: 1px solid silver;
  margin-left: 0;
}
.relief{
  color:white;
    font-weight: bold;
}
#intro{
  font-size: 11pt;
  font-style: italic;
  color: #999;
}
#infosfr, #infosen, #infoses{
  margin-top:1em;
  padding-right: 2em;
  padding-left:1em;
  display:none;
}
#infosfr{
  display: block;
}
#lgfr, #lgen, #lges{
  display:none;
}
#lgfr{
   display: block;
}
#menupfr, #menupen, #menupes{
  display:none;
}
#menupfr{
  display: block;
}
#infosfr p.lieu,  #infosen p.lieu, #infoses p.lieu {
  margin-top: 1em;
  margin-bottom: 0;
  padding-top:0;
  padding-bottom: 0;
}
#infosfr p.der, #infosen p.der, #infoses p.der{
  padding-top:1em;
}
#infosfr p.heure, #infosfr p.lieu, #infosen p.heure, #infosen p.lieu, #infoses p.heure, #infoses p.lieu{
  text-align: center;
}
p.lieu {
  font-size: 100%;
  font-weight: bold;
  margin-top:0;
  margin-bottom: 0;
  padding-top:0;
  padding-bottom:0;
}
p.heure{
  color: White;
}
.der{
  font-style: italic;
  text-align: center;
  padding-left: 2em;
}
p.prem{
  color: White;
  text-align: center;
}
div.actu{
  margin-top:1em;
}
#ref{
  font-size: xx-small;
  float: left;
}
#img1, #img3, #img5, #img7, #img9, .imgr {
  float: right;
  margin: 1em;
}
#img2, #img4, #img6, #img8, #img10, .imgl{
  float : left;
  margin: 1em;
}
#pageinf b {
}
#infosfr table, #infosfr td, #infosen table, #infosen td, #infoses table, #infoses td{
  border: 1px solid;
  border-color: #960;
}
#suite0, #suite1, #suite2{
  display:none;
}
.contact{
  float: left;
  padding-right:1em;
}
#qui{
  padding-top: 9em;
  padding-left: 1em;
}
#qui span.nom{
  font-size: 120%;
  font-weight: bold;
  color: #777;
}
div.gros  {
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  margin-top:2em;
  margin-bottom: 1em;
}
#resume0, #resume1, #resume2 {
  margin-top:0.5em;
}
.infog {
  float: left;
}
.infod {
  margin-top:1em;
  padding-top:3em;
  text-align:center;
  color: #F40;
}
.codes {
  font-size:10pt;
}
.tableau{
  padding-top: 1em;
}
dd ul{
  list-style:none;
  margin:0em;
  padding:0;  
}
div#menu dd{
  margin: 0;
}
div.frm {
  margin:1em;
}
span.copyr, span#num{
  font-size:60%;
}
span#nav{
  padding-left:1em;
}
div.bas{
  margin-top: 18em;
}
div.hor{
  float: left;
}
div.hor ul{
  margin: 0;
  padding: 0;
  margin-bottom: 2em;
}
div.hor li{
  position: relative;
  list-style: none;
  margin: 0;
  float: left;
  width: 8em;
  border: 1px solid Black;
  text-align: center;
  padding-bottom: 3px;
  background-color: #500;
}
div.hor1 {
  clear: left;
  font-size:20%;
}
address{
  margin-bottom: 1em;
  text-align: center;
  width: 70%;
}
.court{
  width: 70%;
}
dl.presse dt {
  font-weight: bold;
  padding-right: 2em;

}
dl.presse dd {
  font-size: 80%;
  padding-right: 2em;
}
.avoir{
  font-weight: bold;
  font-size: 85%;
  color: #990000;
}
.avoircd{
  height:3em;
  font-weight: bold;
  font-size: 120%;
  color: Red;
  margin-right:1em;
  margin-top:-3em;
  text-align: center;
}

.encart {
  font-family: inherit;
  font-size: 100%;
  border: 2px solid Black;
  padding: 3em;
  background-color: #500;
  text-align: left;
  font-weight: normal;
}
.encart p.signe{
  margin: 0;
  padding: 0;
  font-style: italic;
  font-weight: bold;
}
.encart p:first-letter {
  font-size: 100%; 
  font-weight: normal;
  float: none; 
 }
.encart h3{
  text-align: left;
}
h1#titrepage_p span{
  font-size: 80%;
}
/***** pour infos festival ********/
div.pub, div.pubw {
  margin-left: 2em;
  margin-top: 1em;
}
div.pub img{
  width: 150px;
}
div.pubw img{
  width: 250px;
}

div.infog img{
  margin: 1em;
}
div.infog iframe {
  margin-top: 1em;
}
div.retrait{
  margin-left: 2em;
  font-size: 80%;
}
p.retrait{
  padding-left: 2em;
  font-size: 80%;
}
/***************/
div#anniversaires {
  position: absolute;
  top: 20px;
  right: 100px;
  font-size: 8pt;
  width: 20em;
  height: 100px;
  border: 0px solid #C33;
  padding:1em;
  color: #C33;
}
div#anniversaires p{
  margin: 0;
  padding: 0;
}
div#anniversaires p.nomc{
  padding-left: 2em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  font-weight: bold;  
}
div#anniversaires p.fonctc{
  padding-left: 2em;
}
/****************/
p.petit, td.petit{
  font-size: 80%;
  font-style: italic;
}
div.bgdiff{
  color: #600;
  background-color:#c96;
  padding: 1em;
  margin-left: 2em;
  /*margin-right: 3em;*/
  width: 50em;
}
p.gros{
  font-size: 110%;
  font-style: italic;
}
div.automusic{
  margin-left: 2em;
  display:block;
}
object#dewplayer{
  margin-left: 7em;
}
div.colonne p, ul.colonne li{
  width: 50em;
}
strong {
  font-weight: bolder;
  font-size: 110%;
}