html, body {
    height: 100%;
    margin:0 ;
    text-align:justify;
    font-family:Calibri ;
}

div {
    margin:0 ;
}


a img {
    border:none ;
}

.titre {
    margin-left:auto;
    margin-right:auto;
}

.supercadre {
    font-family:Calibri ;
    width:840px ;
    margin-left:auto ;
    margin-right:auto ;
    margin-top:0px;
    margin-bottom:0px ;
    min-height:100%;
}

.ombregauche {
    width:30px;
    margin-top:0px;
    height:100%;
    background-image:url("./images/ombregauche.png");
    background-repeat: repeat-y;
    float:left ;
}

.ombredroite{
    width:30px;
    margin-top:0px;
    height:100%;
    background-image:url("./images/ombredroite.png");
    background-repeat: repeat-y;
    float:left ;
}

.cadre {
    background-color:#ffffff;
    width:780px ;
    margin-left:auto ;
    margin-right:auto ;
    margin-top:0px;
    margin-bottom:0px ;
    float:left ;
    min-height:100%;
    position:relative;
}

.haut {
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
    height:100px;
    width:467px;
}

.date {
    color:#ff9900 ;
    width:150px;
    margin-left:auto ;
    margin-right:auto ;
    font-family:Calibri ;
    font-style:italic ;
}

.lang {
    width:40px ;
    float:right ;
    margin-right:20px ;
}

.menu {
    width:650px ;
    margin-left:20px ;
    margin-bottom:-6px;
    text-decoration:none ;
    font-family:Calibri ;
    font-size:18px ;
}

a.btOrange {
    color:#F78D2F ;
    text-decoration:none ;
}

a.btNorm {
    color : #333333;
    text-decoration:none ;
}

a.btNorm:hover {
    background-image:url("./images/fondmenu.jpg");
    background-repeat: repeat-x;
} 

.textacceuil {
    font-family:Calibri ;
    color:#333333;
    width:740px;
    margin-left:auto ;
    margin-right:auto ;
    margin-top:15px;
}

.gris {
    font-family:Calibri ;
    color:#333333;
    font-style:italic ;
    text-align:left ;
}

.rouge{
    font-family:Calibri ;
    color:#FF0000;
    font-style:italic ;
    display:none;
}

.soustitre {
    font-style:italic;
    color:#F78D2F ;
    font-weight:bold;
    font-size:16pt ;
}

.prog{
    width:314px ;
    margin-left: auto ;
    margin-right:auto ;
}

.separateur {
    color :#FF9933 ;
    width:450px ;
    height:2px ;
    margin-left: auto ;
    margin-right:auto ;
}

.separateurDroite {
    color :#FF9933 ;
    width:550px ;
    height:2px ;
    margin-left: 0px;
}

.piedPage {
    position:relative ;
    font-family:Calibri ;
    text-align:center ;
    color:#333333;
    font-size:12px ;
    width:700px ;
    height:15px;
    margin-left:auto ;
    margin-right:auto ;
    clear:both;
}

.colonne {
    width:225px;
    float:left ;
    margin:10px;
}

form {
    border-color :#FF9933 ;
    border-width:1px;
    border-style:solid;
    padding:10px;
    text-align:justify;
}

.tableau {
    border:2px;
    border-color :#FF9933 ;
    border-style:solid;
    text-align:center;
}

.hidden {
    display:none;
    width:16px;
    margin-left:auto ;
    margin-right:auto ;
}

.hideComment {
    display: none;
    visibility: hidden;
}

.droite {
    float: right;
}

div.festivalContent {
    width:630px ;
    float:left;
}

div.festivalMenu {
    float:right;
    height:100px;
    border-left:2px solid;
    border-color:#FF9933 ;
}

.navigation {
    font-size:11px;
    color:#999999;
}

.navigation a {
    font-size:11px;
    color:#888888;
    text-decoration:none ;
}

.navigation a.selected {
    font-size:11px;
    color:#FF9933;
    text-decoration:none ;
}

.navigation a:hover{

    color:#FF9933;
    text-decoration:none ;
}

.thumbnail {
    padding: 4px;
    background-color: #e6e6e0;
    border: 1px solid #d6d6d0;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.marginTop {
    margin-top:2px;
}

.clear {
    clear:both;
}
.clearQuinconce {
    clear:both;
    margin-bottom:1px;
}


.quinconce {
    margin-left:2px;
    margin-top:2px;
    float:left;
}

.quinconceTexteDroite {
    margin-left:2px;
    border:2px solid ;
    border-color:#FF9933;
    padding:5px;
    float:left;
    width:190px;
    height:151px;
    text-align:center;
    font-family:"Bauhaus 93";
    margin-top:2px;
    padding-top:5px;
    color:#fb570e;
}

.quinconceTexteGauche {
    margin-right:1px;
    margin-left:90px;
    border:2px solid ;
    border-color:#FF9933;
    padding:5px;
    float:left;
    width:190px;
    height:151px;
    margin-top:2px;
    text-align:center;
    font-family:"Bauhaus 93";
    padding-top:5px;
    color:#fb570e;
}

.sousmenu {
    border-top:2px solid ;
    border-color:#FF9933 ;
    width:95%;
    margin-left:auto;
    margin-right:auto;
}

.orange {
    color:#FF9933 ;
}

.galerie {
    margin-left:auto;
    margin-right:auto;
    width:620px;
}