:root { --gold: #efc80b; --deep-purple: #52132d; --light-purple: #702b47; }
.body1 { margin-top: 0; background-color: var(--light-purple); font-family:DreamLife, Arial, sans-serif; }
#bloc_page { width: 600px; margin-right: 10px; }
@font-face { font-family: 'DreamLife'; src: url('DreamLife.ttf') format('truetype'); }
.font1 { letter-spacing: 0.5px; font-size: 30px; color: var(--gold); line-height: 1.4; }
.font1A { letter-spacing: 0.5px; font-size: 0; color: var(--gold); line-height: 1.4; }
.font2 {font-weight:bold;font-size:35px;letter-spacing:0.5px;line-height:1.2;background:linear-gradient(90deg,#fff200,#ffea00,#fff200);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:1px 1px 2px rgba(68,16,37,0.2);line-height: 1.4; }
.font3 { letter-spacing: 0.5px;font-size: 30px; color: var(--deep-purple); line-height: 1.4; }
.font4 { letter-spacing: 0.5px; font-size: 32px; color: var(--gold); }
.font5 { letter-spacing: 0.5px; font-size: 32px; color: var(--light-purple); }
.font6 { letter-spacing: 0.5px; font-size: 20px; color: var(--gold); line-height: 1.4; }
.a1:hover { color: var(--gold); }
.a1:visited { color: var(--gold); }
.a1:focus { color: var(--gold); }
.a1:active { color: var(--gold); }
.a1:link { color: var(--gold); }
.a2:hover { color: #FFFC21; }
.a2:visited { color: #FFFC21; }
.a2:focus { color: #FFFC21; }
.a2:active { color: #FFFC21; }
.a2:link { color: #FFFC21; }
.a3:hover { color: var(--light-purple); }
.a3:visited { color: var(--light-purple); }
.a3:focus { color: var(--light-purple); }
.a3:active { color: var(--light-purple); }
.a3:link { color: var(--light-purple); }
.br1 { display: inline; }
#banner1 { width: 600px; height: 170px; margin-top: 10px; background-image: url("../images/banner-resp.png"); background-position:center; background-repeat:no-repeat; }
#banner2 { display: flex; align-items: center; justify-content: center; width: 580px; height: auto; padding: 10px; background-color: var(--deep-purple); text-align:center;  }
#credits { display: flex; align-items: center; justify-content: center; text-align: center; }
.space1 { height: 20px; }
.space2 { height: 0px; }
.space3 { height: 0px; }
.home1 { display: flex; flex-direction: column; width: 600px; height: auto; background-image:none; }
.home2 { display: flex; flex-direction: column; width: 600px; height: auto; }
.home3 { display: flex; flex-direction: column; box-sizing: border-box; width: 600px; min-height: 0px; height: 0px; }
.home5 { display: flex; width: 600px; height:0; }
.home-news { display: flex; align-items: start; justify-content: start; box-sizing: border-box; width: 600px; min-height: 120px; height: auto; line-height: 140%; text-align:left; padding: 10px; background-color: var(--deep-purple); border: 1px solid var(--gold); border-radius: 10px; margin-bottom: 20px; }
.home-content { display: flex; align-items: start; justify-content: start; box-sizing: border-box; width: 600px; min-height: 240px; height: auto; line-height: 140%; text-align:left; padding: 10px; background-color: var(--deep-purple); border: 1px solid var(--gold); border-radius: 10px; margin-bottom: 20px; }
.home-content2 { display: flex; align-items: start; justify-content: start; box-sizing: border-box; width: 600px; min-height: 200px; height: auto; line-height: 140%; text-align:left; padding: 10px; background-color: var(--deep-purple); border: 1px solid var(--gold); border-radius: 10px; margin-bottom: 20px; }
.club1 { display: flex; flex-direction: column; width: 600px; height: auto; background-image:none; }
.club2 { display: flex; align-items: center; justify-content: start; box-sizing: border-box; width: 600px; min-height: 120px; height: auto; line-height: 140%; text-align:left; padding: 10px; background-color: var(--deep-purple); border: 1px solid var(--gold); border-radius: 10px; margin-bottom: 10px; }
.club3 { display: flex; flex-direction: column; width: 600px; height: auto; }
.club4 { display: flex; align-items: center; justify-content: start; box-sizing: border-box; width: 600px; min-height: 120px; height: auto; line-height: 140%; text-align:left; padding: 10px; background-color: var(--deep-purple); border: 1px solid var(--gold); border-radius: 10px; margin-bottom: 10px; }
.club5 { display: flex; width: 400px; }
.title1 { display: flex; flex-direction: column; width: auto; }
.title2 { display: flex; align-items: center; justify-content: start; width: 580px; height: 35px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; background-image: url(../images/backhome.png); background-position: left ; background-repeat: no-repeat; padding-left: 35px; }
.back-home { display: flex; align-items: center; justify-content: start; width: 580px; background-color: var(--deep-purple); padding: 10px; }
.back-home:hover { background-color: var(--gold); }
.text { text-align: justify; line-height: 140%; padding: 10px; }
.text2 { text-align: center; line-height: 140%; padding: 10px; }
.text3 { text-align: left; line-height: 140%; padding: 10px; }
.iframe1 { width: 550px; height: 450px; }
.shows:hover { background-color: var(--deep-purple); cursor: pointer; }
.shows:active, shows:focus { background-color: var(--deep-purple); }
.imgcolours { width: 600px; height: 419px; }
.colours { display: flex; width: 600px; gap: 20px; flex-wrap: wrap; }

.td10 { padding: 3px; border-bottom-color:var(--gold); border-bottom-style:solid; border-bottom-width: 1px; vertical-align: center; width: 130px; height: 30px; }
.td11 { padding: 3px; border-bottom-color:var(--gold); border-bottom-style:solid; border-bottom-width: 1px; vertical-align: center; width: 130px; height: 30px; }
.td12 { padding: 3px; border-bottom-color:var(--gold); border-bottom-style:solid; border-bottom-width: 1px; vertical-align: center; width: 240px; height: 30px; }
.td13 { padding: 0; border-bottom-color:var(--gold); border-bottom-style:solid; border-bottom-width: 1px; vertical-align: center; width: 0; height: 30px; }
.td14 { padding: 3px; border-bottom-color:var(--gold); border-bottom-style:solid; border-bottom-width: 1px; vertical-align: center; width: 100; background-color:var(--gold); height: 30px; }
.td15 { padding: 3px; border-bottom-color:var(--gold); border-bottom-style:solid; border-bottom-width: 1px; vertical-align: center; width: 130px; background-color:var(--deep-purple); height: 30px; }
.td16 { padding: 3px; border-bottom-color:var(--gold); border-bottom-style:solid; border-bottom-width: 1px; vertical-align: center; width: 130px; background-color:var(--deep-purple); height: 30px; }
.td17 { padding: 3px; border-bottom-color:var(--gold); border-bottom-style:solid; border-bottom-width: 1px; vertical-align: center; width: 240px; background-color:var(--deep-purple); height: 30px; }
.td18 { padding: 0; border-bottom-color:var(--gold); border-bottom-style:solid; border-bottom-width: 1px; vertical-align: center; width: 0; background-color:var(--deep-purple); height: 30px; }
.td19 { padding: 3px; border-bottom-color:var(--gold); border-bottom-style:solid; border-bottom-width: 1px; vertical-align: center; width: 100; background-color:var(--deep-purple); height: 30px; }