/* CSS Document */


/* Paramètres globaux */

html {
font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}

html, body {
height:100%;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, img, div, body, table, tr, td {
margin: 0px;
padding: 0px;
border: none;
border:0px;
}

/* corp des documents */

body {
font-family:arial,Helvetica,verdana, sans-serif;
background-color:#ffbf00;
}

body#type {
background-image:url(images/entete.gif);
background-position:top center;
background-repeat:repeat-x;
}


/* Les blocs */

div#encart_actu {
position:absolute;
width:155px;
height:110px;
left:50%;
padding-left:35px;
padding-right:35px;
padding-top:80px;
margin-left:160px;
background-image:url(images/encart_actu.gif);
background-position:top left;
background-repeat:no-repeat;
z-index:10;
}

div#encart_lien_acc {
position:absolute;
width:332px;
height:157px;
left:50%;
margin-left:-530px;
background-image:url(images/lien_accueil.gif);
background-position:top left;
background-repeat:no-repeat;
z-index:10;
}

div#accueil {
margin:0 auto;
width:924px;
height:565px;
background-image:url(images/img_accueil.gif);
background-repeat:no-repeat;
background-position:center;
}

div#flottant_gauche {
float:left;
margin-right:10px;
}

div#flottant_droit {
float:right;
margin-left:20px;
}

div#flottant_gauche_type {
float:left;
padding-right:15px;
padding-bottom:5px;
background-color:#FFFFFF;
z-index:20;
}

div#global {
margin:0 auto;
width:960px;
}

div#col_gauche {
width:750px;
padding-top:162px;
}

div#col_droite {
float:right;
width:188px;
}

div#fd_col_droite {
background-image:url(images/fd_col_droite.gif);
background-position:top left;
background-repeat:repeat-y;
}

div#pied_col_droite {
width:188px;
height:36px;
background-image:url(images/pied_col_droite.gif);
background-position:top left;
background-repeat:no-repeat;
}

div#entete_col_droite {
background-image:url(images/entete_col_droite.gif);
background-position:top left;
background-repeat:no-repeat;
width:188px;
height:230px;
}

div#fd_col_gauche {
background-image:url(images/fd_col_gauche.gif);
background-position:top left;
background-repeat:repeat-y;
}

div#pied_col_gauche {
width:750px;
height:53px;
background-image:url(images/pied_col_gauche.gif);
background-position:top left;
background-repeat:no-repeat;
}

div#global_contenu {
padding-top:3px;
padding-bottom:3px;
padding-left:30px;
padding-right:30px;
}

div#contenu {
padding-top:20px;
}

div#contenu_liste {
padding-top:10px;
}

div#contenu_droite {
padding-left:20px;
padding-right:20px;
padding-top:10px;
}

div#bordure_bas {
border-bottom-color:#a3551a;
border-bottom-style:dotted;
border-bottom-width:1px;
margin-bottom:8px;
}

div#encart_date {
border-color:#bd844f;
border-style:solid;
border-width:1px;
}

div#entete_date {
padding:3px;
background-color:#bd844f;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
}

div#contenu_date {
padding:5px;
}

/* Le texte */

#rouge {
color:#ff2c00;
}

#marron {
color:#a3551a;
}

#jaune {
color:#ffbf00;
}

#gris {
color:#555;
}

h1 {
font-size:24px;
color:#ff2c00;
padding-bottom:8px;
}

h2 {
font-size:16px;
color:#a3551a;
padding-bottom:4px;
}

h3 {
color:#ffbf00;
padding-top:5px;
padding-bottom:2px;
margin-bottom:10px;
font-size:14px;
border-bottom-style:solid;
border-bottom-color:#ffbf00;
border-bottom-width:1px;
}

h3#program {
color:#a3551a;
padding-top:5px;
padding-bottom:2px;
margin-bottom:10px;
font-size:12px;
border-bottom-style:dotted;
border-bottom-color:#a3551a;
border-bottom-width:1px;
}

h4 {
color:#ff2c00;
font-size:15px;
padding-bottom:5px;
}

h4#droite {
font-size:12px;
}

h4#encart_actu {
font-size:14px;
}

p {
font-size:11px;
color:#a3551a;
padding-bottom:8px;
}

p#ss_marge {
padding-bottom:0px;
}

p#droite {
font-size:10px;
padding-bottom:5px;
}

p#encart_actu {
font-size:10px;
color:#333333;
padding-bottom:5px;
}

p#chapo {
font-size:12px;
color:#a3551a;
padding-bottom:8px;
font-weight:bold;
}

#mention {
color:#ff2c00;
font-size:11px;
font-weight:normal;
}

#grand {
font-size:14px;
}

#petit {
font-size:10px;
padding-bottom:4px;
}

/* les liens */

a {
text-decoration:none;
color:#00b1e6;
}

a:hover {
text-decoration:underline;
}

#lien_fort {
font-size:12px;
font-weight:bold;
}

/* les menus */

ul#menu_accueil {
margin:0 auto;
width:890px;
height:70px;
padding-top:495px;
list-style-type:none;
text-align:center;
}

ul#menu_accueil li {
float:left;
}

ul#menu_accueil li a#compagnie {
display:block;
width:170px;
height:70px;
margin-right:10px;
background-image:url(images/menu_acc_cie.gif);
background-position:top left;
background-repeat:no-repeat;
}

ul#menu_accueil li a#compagnie:hover {
background-image:url(images/menu_acc_cie-on.gif);
}

ul#menu_accueil li a#spectacle {
display:block;
width:170px;
height:70px;
margin-right:10px;
background-image:url(images/menu_acc_spectacle.gif);
background-position:top left;
background-repeat:no-repeat;
}

ul#menu_accueil li a#spectacle:hover {
background-image:url(images/menu_acc_spectacle-on.gif);
}

ul#menu_accueil li a#actualite {
display:block;
width:170px;
height:70px;
margin-right:10px;
background-image:url(images/menu_acc_actu.gif);
background-position:top left;
background-repeat:no-repeat;
}

ul#menu_accueil li a#actualite:hover {
background-image:url(images/menu_acc_actu-on.gif);
}

ul#menu_accueil li a#galerie {
display:block;
width:170px;
height:70px;
margin-right:10px;
background-image:url(images/menu_acc_galerie.gif);
background-position:top left;
background-repeat:no-repeat;
}

ul#menu_accueil li a#galerie:hover {
background-image:url(images/menu_acc_galerie-on.gif);
}

ul#menu_accueil li a#contact {
display:block;
width:170px;
height:70px;
margin-right:0px;
background-image:url(images/menu_acc_contact.gif);
background-position:top left;
background-repeat:no-repeat;
}

ul#menu_accueil li a#contact:hover {
background-image:url(images/menu_acc_contact-on.gif);
}

ul#menu_nivo1 {
width:750px;
height:45px;
list-style-type:none;
}

ul#menu_nivo1 li {
float:left;
}

ul#menu_nivo1 li a#compagnie {
display:block;
width:136px;
height:45px;
margin-left:17px;
background-image:url(images/menu_type_cie.gif);
background-position:top left;
background-repeat:no-repeat;
}

ul#menu_nivo1 li a#compagnie:hover {
background-image:url(images/menu_type_cie-on.gif);
}

ul#menu_nivo1 li a#compagnie_dessus {
display:block;
width:136px;
height:45px;
margin-left:17px;
background-image:url(images/menu_type_cie-on.gif);
background-position:top left;
background-repeat:no-repeat;
}

ul#menu_nivo1 li a#spectacle {
display:block;
width:136px;
height:45px;
margin-left:0px;
background-image:url(images/menu_type_spectacle.gif);
background-position:top left;
background-repeat:no-repeat;
}

ul#menu_nivo1 li a#spectacle:hover {
background-image:url(images/menu_type_spectacle-on.gif);
}

ul#menu_nivo1 li a#spectacle_dessus {
display:block;
width:136px;
height:45px;
margin-left:0px;
background-image:url(images/menu_type_spectacle-on.gif);
background-position:top left;
background-repeat:no-repeat;
}

ul#menu_nivo1 li a#actualite {
display:block;
width:136px;
height:45px;
margin-left:0px;
background-image:url(images/menu_type_actu.gif);
background-position:top left;
background-repeat:no-repeat;
}

ul#menu_nivo1 li a#actualite:hover {
background-image:url(images/menu_type_actu-on.gif);
}

ul#menu_nivo1 li a#actualite_dessus {
display:block;
width:136px;
height:45px;
margin-left:0px;
background-image:url(images/menu_type_actu-on.gif);
background-position:top left;
background-repeat:no-repeat;
}

ul#menu_nivo1 li a#galerie {
display:block;
width:136px;
height:45px;
margin-left:0px;
background-image:url(images/menu_type_galerie.gif);
background-position:top left;
background-repeat:no-repeat;
}

ul#menu_nivo1 li a#galerie:hover {
background-image:url(images/menu_type_galerie-on.gif);
}

ul#menu_nivo1 li a#galerie_dessus {
display:block;
width:136px;
height:45px;
margin-left:0px;
background-image:url(images/menu_type_galerie-on.gif);
background-position:top left;
background-repeat:no-repeat;
}

ul#menu_nivo1 li a#contact {
display:block;
width:136px;
height:45px;
margin-left:0px;
background-image:url(images/menu_type_contact.gif);
background-position:top left;
background-repeat:no-repeat;
}

ul#menu_nivo1 li a#contact:hover {
background-image:url(images/menu_type_contact-on.gif);
}

ul#menu_nivo1 li a#contact_dessus {
display:block;
width:136px;
height:45px;
margin-left:0px;
background-image:url(images/menu_type_contact-on.gif);
background-position:top left;
background-repeat:no-repeat;
}

ul#menu_nivo2 {
list-style-type:none;
padding-top:2px;
}

ul#menu_nivo2 li {
display:inline;
font-size:12px;
font-weight:bold;
color:#a3551a;
}

ul#menu_nivo2 li a {
color:#a3551a;
}

ul#menu_nivo2 li a:hover {
color:#e53821;
}

ul#menu_nivo2 li a#dessus {
color:#e53821;
}

ul#menu_nivo2bis {
list-style-type:none;
padding-top:3px;
}

ul#menu_nivo2bis li {
font-size:12px;
font-weight:bold;
border-bottom-style:solid;
border-bottom-color:#1dbbea;
border-bottom-width:1px;
padding-bottom:1px;
margin-bottom:3px;
}

ul#menu_plus {
list-style-type:none;
}

ul#menu_plus li {
font-size:10px;
padding-bottom:1px;
}

ul#menu_detail {
list-style-type:none;
padding-top:3px;
}

ul#menu_detail li {
font-size:11px;
font-weight:bold;
padding-bottom:1px;
}

/* Les tableaux */

table#global {
width:100%;
height:100%;
border-collapse:collapse;
text-align:center;
vertical-align:middle;
}

table#global tr td {
width:100%;
height:100%;
border-collapse:collapse;
text-align:center;
vertical-align:middle;
background-image:url(images/fd_accueil.gif);
background-repeat:repeat-x;
background-position:center;
}

table#liste_contenu {
width:99%;
border-collapse:collapse;
}

table#liste_contenu tr {
}

table#liste_contenu tr td {
padding-right:15px;
text-align:left;
vertical-align:top;
border-bottom-color:#a3551a;
border-bottom-style:dotted;
border-bottom-width:1px;
padding-bottom:10px;
padding-top:10px;
}

table#liste_contenu tr td#image {
width:70px;
}

table#liste_contenu tr td#image_actu {
width:100px;
}

table#liste_contenu tr td#encart {
padding-right:0px;
width:135px;
}

table#detail_contenu {
width:99%;
border-collapse:collapse;
}

table#detail_contenu tr td {
padding-right:15px;
text-align:left;
vertical-align:top;
padding-bottom:10px;
padding-top:10px;
}

table#detail_contenu tr td#image_detail {
width:150px;
}

table#detail_contenu tr td#image_detail2 {
width:100px;
}

table#detail_contenu tr td#encart {
padding-right:0px;
width:135px;
}

table#galerie {
border-collapse:collapse;
}

table#galerie tr td {
padding-right:10px;
text-align:left;
vertical-align:top;
width:70px;
padding-bottom:8px;
}

table#program {
width:99%;
border-collapse:collapse;
}

table#program tr td {
text-align:left;
vertical-align:top;
padding-bottom:4px;
padding-top:4px;
}

table#program tr td#image {
width:45px;
padding-right:10px;
}