/* HAD - GLOBAL */

body {
background: #321E23;
margin: 0;
padding: 0;
text-align: center; /*centre le content pour IE 6*/
font-size: 76%;
font-family: Veradana,Arial,sans-serif;
color: #fff;
}

#middle em { /* définition de la balise em - inutilisable dans les partie avec un bg orange */
font-style: normal;
font-weight: bold;
color: #CC470D;
}

#middle ul {
margin: 0;
padding: 0;
list-style-type: none;
}

a {
color: #fff;
}

#content{
position: relative;
background: #542C2B;
margin: 0 auto;
width: 900px;
text-align: left; /* contre l'alignement centré hérité du body */
}

#content #en_tete { /* en tête */
padding: 5px 0 0 10px;
width: 890px;
}

#content #en_tete h1{ /* logo */
float: left;
background: url(../images/logo_had.gif) no-repeat;
margin: 0px;
padding: 0px;
width: 210px;
height: 104px;
}

#content #en_tete h1 span{ /* logo */
display: none;
}

#content #menu #navigation_langue { /* menu */
float: left;
margin: 80px 0 0 20px;
padding: 0; 
}

#content #menu #navigation_principale { /* menu */
float: left;
margin:  80px 0 0 190px;
padding: 0; 
}

#content #menu li { /* menu */
float: left;
padding: 0 8px;
border-right: solid 2px #fff;
list-style-type: none;
}

#content #menu li.exception_menu { /* menu */
border: 0px;
}

#content #menu a { /* menu */
text-decoration: none;
font-size: 1.1em;
font-weight: bold;
}

#content #menu a:hover { /* menu */
color: #CC470D;
text-decoration: none;
font-size: 1.1em;
}

#middle { /* middle */
clear:left;
background: url(../images/initiales_had.gif)  no-repeat 30px 90% ; 
border: solid 1px #542C2B;
}

#footer { /* footer */
padding: 10px;
width: 880px;
}

#footer #coordonnees { /* footer */
float: left;
margin: 0;
padding: 0;
width:490px;
font-size: 0.8em;
}

#footer #coordonnees p {
margin: 0;
padding: 0;
}

#footer #newsletter{ /* footer */
float: left;
margin: 0;
padding: 2px 0 0 0;
width: 390px;
text-align: right;
font-size: 0.8em;
}

#footer #newsletter fieldset{ /* footer */
margin: 0;
padding: 0;
border: 0px;
} 

#footer #newsletter p{ /* footer */
margin: 0 0 3px 0;
padding: 0;
text-align: right;
} 

#footer #newsletter #email{ /* footer */
margin: 0 5px 0 0;
width: 13em;
}

#copyright{
margin: 0 auto;
width: 900px;
text-align: right;
font-size: 0.8em;
}

.clear { /* clear */
clear: both;
}

/* FIN HAD - GLOBAL */

/* HAD - PAGE INDEX */


#middle #index_description {
float: left;
padding: 10px 0 0 10px;
width: 200px;
height: 400px;
}

#middle #index_description em {
font-style: normal;
font-weight: bold;
color: #CC470D;
}

#music {
width: 180px; 
/* height: 130px; */
padding: 5px;
background: #542C2B;
position: absolute;
top:400px;
left: 10px;
z-index: 5;
border: solid 3px #CC470D;
}

#music p {
margin: 0;
padding: 0;
font-size: 1em;
}

#music #flashcontent {
margin-top: 8px;
width: 180px; 
height: 50px;
}

.music_info {
margin: 5px 0 0 0;
padding: 0;
list-style-type: none;
font-size: 0.75em;
text-align: right;
}



#middle #index_right {
float: left;
margin-left: 10px;
padding-top: 10px; 
}

#middle #index_decoration {
position: absolute;
top: 110px;
left: 235px;
z-index: 1;
}

#middle .index_article {
position: relative;
background: #CC470D;
margin: 0 0 20px 0; 
padding: 0 0 0 270px;
width: 400px;
height: 128px;
overflow: auto;
}

#middle .index_article h2 {
padding:  5px 0 0 0;
margin: 0;
font-size: 1.2em;
}

#middle .index_article p {
margin: 5px 0;
padding: 0;
width: 300px;
font-size: 0.9em;
}

#middle .index_article table {
margin: 5px 0;
padding: 0;
width: 290px;
}

#middle .index_article td {
font-size: 0.9em;
} 

#middle .index_article img {
position: absolute;
top: 10px;
right: 10px;
}

/* FIN - HAD - PAGE INDEX */

/* HAD - PAGE AGENDA */

#middle #agenda_description {
float: left;
padding: 10px 0 0 10px;
width: 200px;
height: 400px;
}

#middle #agenda_description h2 {
font-size: 1.4em;
}

#middle #agenda_description dt {
margin: 10px 0 2px 0; 
color: #CC470D;
font-size: 1.2em;
font-weight: bold;
}

#middle #agenda_description dd {
margin: 2px 0 10px 10px;
font-size: 1em;
}

#middle #agenda_right {
float: left;
margin-left: 10px;
padding-top: 10px; 
}

#middle #agenda_decoration {
position: absolute;
top: 110px;
left: 235px;
z-index: 4;
}

#middle #agenda_article {
position: relative;
background: #CC470D;
margin: 0 0 20px 0; 
padding: 0 10px 0 270px;
width: 390px;
height: 425px;
overflow: auto;
}

#middle #agenda_date {
margin: 0;
padding: 5px 0;
}

#middle #agenda_article h3 {
padding:  5px 0 0 0;
margin: 0;
font-size: 1.2em;
}

#middle #agenda_article p {
padding: 10px 0;
margin: 0;
font-size: 0.9em;
}

#middle #agenda_right ul#agenda_infos_pratiques {
margin: 0;
padding: 0;
list-style-type: none;
}

#middle #agenda_right ul#agenda_illustrations_event {
margin: 10px 0 0 0;
padding: 0;
list-style-type: none;
text-align: right;
}

#middle #agenda_right ul#agenda_illustrations_event li {
margin-right: 3px;
}

/* FIN - HAD - PAGE AGENDA */

/* HAD - PAGE CARTE */

#middle .text_small_carte{
font-size: xx-small;
}

#middle #carte_description {
float: left;
padding: 10px 0 0 10px; 
width: 190px;
height: 400px;
}

#middle #carte_description h2 {
font-size: 1.4em;
}


#middle #carte_description em {
font-style: normal;
font-weight: bold;
color: #CC470D;
}

#middle #carte_decoration {
position: absolute;
top: 120px;
left: 220px;
z-index: 3;
width: 680px;

}

#middle #carte_decoration li {
display: inline;
}

#middle #carte_right {
float:left;
margin-left: 20px;
height: 680px;
}

#middle #carte_right h3{
margin: 0;
padding: 0;
font-size: 1.2em;
}

#middle .carte_article1 {
position: absolute;
top: 110px;
left: 235px;
z-index: 2;
background: #CC470D;
padding: 175px 5px 0 5px;
width: 295px;
height: 500px;
overflow: auto; 
}

#middle .carte_article2 {
position: absolute;
top: 110px;
left: 570px;
z-index: 2;
background: #CC470D;
padding: 175px 5px 0 5px;
width: 295px;
height: 500px;
overflow: auto; 
}

#middle .carte_article2 table {
margin: 5px 0;
width: 275px;
}

#middle .carte_article1 td {
padding-bottom: 0px;
}

#middle .carte_article1 small {
font-size: 0.8em;
}

/* FIN - HAD - PAGE CARTE */

/* HAD - PAGE HALLE */

#halle_description {
float: left;
padding: 10px 0 0 10px; 
width: 330px;
height: 400px;
}

#middle #halle_description h2 {
font-size: 1.4em;
}

#middle #halle_description em {
font-style: normal;
font-weight: bold;
color: #CC470D;
}

#middle #halle_description strong {
font-weight: bold;
}

#middle  #halle_right {
float: left;
margin-left: 5px;
}


#halle_decoration {
float: left;
background: url(../images/halle/halle_bg_right.gif) repeat-y;
padding-left: 10px;
width: 535px; 
}

#middle  #halle_right ul {
margin: 10px 0 10px 0;
padding: 0;
list-style-type: none;
}

#middle  #halle_right li {
float: left;
padding-bottom: 10px;

}

/* FIN - HAD - PAGE HALLE */

/* HAD - PAGE ACCES*/

#acces_description {
float: left;
padding: 10px 30px 0 10px; 
width: 330px;
height: 400px;
}

#middle #acces_description h2 {
font-size: 1.4em;
}

#middle #acces_description h3 {
margin: 0px;
padding: 0px;
font-size: 1em;
color: #CC470D;
}

#middle #acces_description em {
font-style: normal;
font-weight: bold;
color: #CC470D;
}

#middle #acces_description strong {
font-weight: bold;
}

#acces_right {
float: left;
background: #CC470D;
width: 505px;
height: 430px; 
}

#acces_carte {
position: absolute;
left: 356px;
top: 115px;
background: #000;
width: 525px;
height: 410px;
border: 5px solid #000;
}

/* FIN - HAD - PAGE ACCES*/

/* ADMINISTEATION */



#middle #admini_description {
float: left;
padding: 10px 0 0 10px;
width: 200px;
height: 400px;
}

#middle #admini_description h2 {
font-size: 1.4em;
}

#middle #admini_article h3 {
font-size: 1.2em;
}


#middle #admini_article {
float: left;
background: #CC470D;
margin: 0 0 20px 0; 
padding: 10px;
width: 650px;
height: 425px;
overflow: auto;
}