/* -------- polices -------- */


/* ---  structure de base --- */

div#top_couleur {
width: 930px;
height: 15px;
background-color: #DBCAB6;
}

/* ---  liens menu --- */
/* -- visited -> debug ie6 -*/
a.spectacles:link {
position: absolute;
top: 0px;
left: 0px;
width: 325px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 11;
}
a.spectacles:visited {
position: absolute;
top: 0px;
left: 0px;
width: 325px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 11;
}
a.spectacles:hover {
position: absolute;
top: 0px;
left: 0px;
width: 325px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
background-color: #A58D6B;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 11;
}

a.plaquette:link {
position: absolute;
top: 0px;
left: 0px;
width: 415px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 10;
}
a.plaquette:visited {
position: absolute;
top: 0px;
left: 0px;
width: 415px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 10;
}
a.plaquette:hover {
position: absolute;
top: 0px;
left: 0px;
width: 415px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
background-color: #A58D6B;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 10;
}

a.infos:link {
position: absolute;
top: 0px;
left: 0px;
width: 520px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 9;
}
a.infos:visited {
position: absolute;
top: 0px;
left: 0px;
width: 520px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 9;
}
a.infos:hover {
position: absolute;
top: 0px;
left: 0px;
width: 520px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
background-color: #A58D6B;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 9;
}

a.billetterie:link {
position: absolute;
top: 0px;
left: 0px;
width: 600px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 8;
}
a.billetterie:visited {
position: absolute;
top: 0px;
left: 0px;
width: 600px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 8;
}
a.billetterie:hover {
position: absolute;
top: 0px;
left: 0px;
width: 600px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
background-color: #A58D6B;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 8;
}

a.contact:link {
position: absolute;
top: 0px;
left: 0px;
width: 666px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 7;
}
a.contact:visited {
position: absolute;
top: 0px;
left: 0px;
width: 666px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 7;
}
a.contact:hover {
position: absolute;
top: 0px;
left: 0px;
width: 666px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
background-color: #A58D6B;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 7;
}

a.presse:link {
position: absolute;
top: 0px;
left: 0px;
width: 761px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 6;
}
a.presse:visited {
position: absolute;
top: 0px;
left: 0px;
width: 761px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 6;
}
a.presse:hover {
position: absolute;
top: 0px;
left: 0px;
width: 761px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
background-color: #A58D6B;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 6;
}

a.louer:link {
position: absolute;
top: 0px;
left: 0px;
width: 870px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 5;
}
a.louer:visited {
position: absolute;
top: 0px;
left: 0px;
width: 870px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 5;
}
a.louer:hover {
position: absolute;
top: 0px;
left: 0px;
width: 870px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
background-color: #A58D6B;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 5;
}

a.plus:link {
position: absolute;
top: 0px;
left: 0px;
width: 920px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 10px;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 4;
}
a.plus:visited {
position: absolute;
top: 0px;
left: 0px;
width: 920px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 10px;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 4;
}
a.plus:hover {
position: absolute;
top: 0px;
left: 0px;
width: 920px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 10px;
background-color: #A58D6B;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 4;
}

/* ---  liens menu on --- */
a.spectacles_on {
position: absolute;
top: 0px;
left: 0px;
width: 325px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
background-color: #A58D6B;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 11;
}
a.plaquette_on{
position: absolute;
top: 0px;
left: 0px;
width: 415px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
background-color: #A58D6B;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 10;
}
a.infos_on {
position: absolute;
top: 0px;
left: 0px;
width: 520px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
background-color: #A58D6B;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 9;
}
a.billetterie_on {
position: absolute;
top: 0px;
left: 0px;
width: 600px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
background-color: #A58D6B;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 8;
}
a.contact_on {
position: absolute;
top: 0px;
left: 0px;
width: 666px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
background-color: #A58D6B;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 7;
}
a.presse_on {
position: absolute;
top: 0px;
left: 0px;
width: 761px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
background-color: #A58D6B;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 6;
}
a.louer_on {
position: absolute;
top: 0px;
left: 0px;
width: 870px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 5px;
background-color: #A58D6B;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 5;
}
a.plus_on {
position: absolute;
top: 0px;
left: 0px;
width: 920px;
height: 13px;
color: #000;
padding-top: 5px;
padding-right: 10px;
background-color: #A58D6B;
text-decoration: none;
text-transform: uppercase;
font-family: Arial;
font-size: 9px;
text-align: right;
z-index: 4;
}

/* ---  liens sous-menu --- */
div#carre4 {
width: 5px;
height: 5px;
background-color: #66523B;
float: right;
margin-top: 6px;
margin-left: 9px;
_overflow: hidden;
}

div#carre3 {
width: 5px;
height: 5px;
background-color: #826B50;
float: right;
margin-left: 8px;
margin-top: 6px;
_overflow: hidden;
}
div#carre2 {
width: 5px;
height: 5px;
background-color: #B9A48A;
float: right;
margin-left: 5px;
margin-top: 6px;
_overflow: hidden;
}
div#carre1 {
width: 5px;
height: 5px;
background-color: #F0D6AF;
float: right;
margin-left: 2px;
margin-top: 6px;
margin-right: 5px;
_overflow: hidden;
}

/* --------  CORPS -------- */

div#for_carres {
position: relative;
_text-align: left;
}

div#carres {
position: absolute;
z-index: 35;
top: 6px;
/top: 5px;
left: -1px;
width: 106px;
height: 116px;
background-image: url(../images/structure/carres-site.gif);
background-repeat: no-repeat;
}

div.h1 {
width: 865px;
background-color: #160f0b;
font-size: 32px;
color: white;
text-transform: uppercase;
text-align: left;
padding-left: 65px;
padding-top: 5px;
}

/* ---  CONTENU --- */

div#contenu {
text-align: left;
border-left: 1px solid #DBCAB6;
border-right: 1px solid #DBCAB6;
}

div#fond_texte {
background-color: #E5E0CA;
width: 710px;
margin-left: 52px;
padding-bottom: 15px;
}

div.texte {
width: 580px;
text-align: left;
margin-left: 52px;
padding: 1px 5px 10px 60px;
}

div.h2 {
width: 650px;
height: 23px;
background-color: #261407;
font-size: 20px;
color: white;
text-transform: uppercase;
text-align: left;
padding-left: 60px;
padding-top: 2px;
margin-top: 1px;
}

div.h3 {
width: 650px;
height: 23px;
background-color: #442F1B;
font-size: 20px;
color: white;
text-transform: uppercase;
text-align: left;
padding-left: 60px;
padding-top: 2px;
}

div.h4 {
width: 650px;
height: 23px;
background-color: #745336;
font-size: 20px;
color: white;
text-transform: uppercase;
text-align: left;
padding-left: 60px;
padding-top: 2px;
}

/* --------  CONTACTS -------- */

div.parties_formulaire {
width: auto;
font-size: 18px;
padding-top: 20px;
padding-bottom: 20px;
}
div.formulaire {
width: auto;
padding-top: 5px;
padding-bottom: 5px;
}
div.colonne_left {
float: left;
width: 200px;
}
div.colonne_right {
float: left;
padding-left: 5px;
width: 350px;
}


/* --------  FOOTER -------- */
div#footer {
width: 919px;
background-color: #DBCAB6;
padding: 5px;
font-size: 10px;
text-align: center;
}