/* ----------banner for logo-------------- */
html{height: 100%; width:100%;vertical-align: middle;
}

body {
height: 100%; width:100%
margin:auto;
padding:auto;
position:relative;
overflow:scroll; /* quelque soit la taille du contenu, en principe elle ne débordera plus du div */
vertical-align: middle;
}


#banner_haut {
text-align: center;
vertical-align: middle;
height:92px;
padding:0;
margin:0,auto ;
background-image:url(images/page1-900x675_02.gif);
width:900px;
margin-left: auto;
margin-right: auto;
}

#banner_bas {
text-align: center;
height:81px;
background-image:url(images/page1-900x675_02.gif);
width:900px;
margin-left: auto;
margin-right: auto;
font-size:18px;
border:0;
font-weight: bold;
}
#bandeau_blanc {
 height:20px;
 background-color:white;
}
#hsur2 {
       height:50%;
vertical-align:middle;
       }

#banner_bas a {font-size: 16px; color: #FF9900; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-decoration: underline}
#banner_bas a:hover {    color: #FF9900;
    text-decoration: none;
}

a {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold
    color: #FF9900;
    font-weight: bold;
}
a:link {
    color: #FF9900;
    text-decoration: none;
}
a:visited {
    color: #FF9900;
    text-decoration: none;
}
a:hover {
    color: #FF9900;
    text-decoration: none;
}
a:active {
    color: #FF9900;
    text-decoration: none;
}
.Style1 {color: #FFFFFF;font-size:16px;}
.Style_ocre{color: #FF9900; }
.Style4 {color: #FFFFFF; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.Style18 {color: #FFFFFF;}
.Style19 {font-size: 11px; color: #FF9900; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.Style21 {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.Style21 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 8px;}
.Style24 {color: #CCCCCC;}
.Style25 {font-size: 15px; }
.Style26 {color: #FFFFFF; }
.Style27 {  color: #FFFFFF;
    font-size: x-large;
    font-weight: bold;
}
.Style28 {font-size: 15px; color: #FF9900; }
.Style29 {color: #FFFFFF; font-weight: bold; }
.Style30 {font-size: large;color: #FFFFFF;}
.Style4012 {font-size: 25px; color: #FF9900; }
.Styledessous4012 {font-size: 20px; color: #FF9900; }
.Style4013jaune {font-size: 17px; color: #FF9900; }
.Style4013 {font-size: 10px; color: #FFFFFF; }


.image {
    float: right;
    margin: 5px;
}

.scroll {
    height: 400px;
    overflow: scroll;
}
.illustration {
    float: right;
    border-top-width: 10px;
    border-right-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 10px;
    border-top-color: #4A1304;
    border-right-color: #4A1304;
    border-bottom-color: #4A1304;
    border-left-color: #4A1304;
}
.centre {

                text-align:center;
            }

.centre table   {
                vertical-align: top;
                
            }

                
.centre td {
            vertical-align: top;
            border:0;
            color:#ffffff;
            align:center;
        }

.deux_col_gauche{
    vertical-align: top;
}

#fond {
text-align: center;
height:500px;
width:900px;
margin-left: auto;
margin-right: auto;
border:0;
background-image:url(images/fond_degrade.jpg);
}
#fond_menu_gauche {
text-align: center;
height:500px;
width:900px;
margin-left: auto;
margin-right: auto;
border:0;
background-image:url(images/page_spectacle.jpg);
}
#menu_gauche {
text-align: left;
height:100%;
width:20%;
padding-left: 2%;
border:0;
float:left;
margin:auto;
padding:auto;
}
#centre_photo {
text-align: center;
color:#FF9900;
font-size:14pt;
height:100%;
width:75%;
border:0;
float:right;
padding-right: 2%;
margin:auto;
padding:auto;
background-color:#4a1303;
}
#blanc14 {
color:white;
font-size:12pt;
}
.saisie_livre{
    color:white;
    vertical-align:middle;
    display-align:center;
    align:center;
    font-size:15px;
    font-weight:bold;
    }
.align_image, .align_image textarea{
 vertical-align: middle;
  display: inline-block; 
}
.acenseur
        {
            width:80%;
            height: 350px;
            overflow:auto;
            border: 1;
            color:white;
            align:center;
            margin-left: auto;
            margin-right: auto;
        }
.main_present
        {
            width:900px;
            overflow:auto;
            border: 1;
            color:white;
            align:center;
            margin-left: auto;
            margin-right: auto;
            background-image:url(images/fond_degrade.jpg);
        }
.sous_titre
        {
            width:900px;
            color:white;
            text-align:center;
            margin-left: auto;
            margin-right: auto;
        }
.presentation{
    color:white;
    vertical-align:bottom;
    display-align:middle;
    text-align:justify;
    font-size:16px;
    width:80%;
    font-weight:bold;
    margin-left: auto;
    margin-right: auto;
    }
.presentation img{
    vertical-align:middle;
    display-align:bottom;
    text-align:justify;
    display:inline;
    float:right;
    display: block;
    margin-left:1em;
    width:100px:
}

.title{
    vertical-align:middle;
    display-align:justify;
    text-align:center;
    font-size: 20px;
    color: #FF9900;
    font-weight:bold;
    }

.qualite{
    vertical-align:middle;
    display-align:justify;
    align:justify;
    font-size: 14px;
    color: #FF9900;
    font-weight:bold;
    text-align:center;
    }

textarea
{
color:#4A1304;
}
input
{
color:#4A1304;
}
}

.video{
align:center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FF9900;
    font-weight: bold;
    display-align:middle;
    width:900px;
    border: 0; margin: 0;padding:0}

.video a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FF9900;
    font-weight: bold;
    display-align:middle;
    align:center;
    }


.texte_centre{
height:100px;
line-height:18px;
text-align:'center';
vertical-align:center;
}

.licence{
    width:900px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    color:white;
    background-image:url(images/fond_degrade.jpg);
    padding-top:5px;
    padding-bottom:5px;
    font-size:8pt;
}
.licence a{
font-size:8pt;
}

.cadre{
    width:900px;
    margin-left:auto;
    margin-right:auto;
    text-align:justify;
    color:white;
    background-image:url(images/fond_degrade.jpg);
}
.presse{
    width:80%;
    margin-left:auto;
    margin-right:auto;
    text-align:justify;
    color:white;
    padding-top:5px;
    padding-bottom:5px;
    font-size:12pt;
}
.presse a{
font-size:10pt;
color:white;
text-decoration:none;
}

.scroll_principal{
vertical-align: middle;
width:900px;
margin-left:auto;
margin-right:auto;
/*height:400px;*/
text-align:center;
display-align:center;
/*overflow:auto;*/
}

.fenetre_centre{
width:100%;
margin-top:1px;
margin-bottom:1px;
text-align:center;
line-height:12pt;
height:333px;
margin-right:0px;
margin-left:0px;
vertical-align:middle;
display-align:middle;
text-align:center;
background-color:#d6d6d6;
border-style:solid;
border-width:1px;
border-color:#0a0d2e;
border-top:0;
border-bottom:0;
}
.imagebox {
height:90%;
vertical-align:middle;
display-align:center;
text-align:center;
}

.imagebox img{
vertical-align:middle;
display-align:center;
text-align:center;

width:95%;

overflow:auto;
}

.contenu_colonne{
margin-left:auto;
margin-right:auto;
width:60%;
height:450px;
overflow:auto;
border:0;
}

.bouton {
  font-size: 0.8em;
  font-style: normal;
  font-weight: bold;
  color: white;
  border: 1px solid #4A1304;
  background-color:#4A1304;

}
.bouton:hover {

  background-color: white;
  border: 1px solid white;
  color: #4A1304;

}

ul {
   padding-left: 10px ;
}

li {
   padding-left: 0px ;
   color: white ;
}

.agenda_gauche
{
float:left;
width:50%;
clear:both;

}
.agenda_droit
{
float:right;
width:50%;
}
.agenda{
text-align:center;
line-height:12pt;
text-align:center;
margin:2pt;
padding:2pt;
width:100%;
}

.invisible{
 clear:both;
display:block;
}

#defill{
width:860px;
color:black;
background-color:white;
text-align: center;
font-size:16px;
vertical-align: middle;
height:36px;
line-height:36px;
padding:0 auto;
margin:0 auto;
clear:both;
}