: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: 1200px; margin: auto; }
@font-face { font-family: 'DreamLife'; src: url('DreamLife.ttf') format('truetype'); }
.font1 { letter-spacing: 0.5px; font-size: 17px; color: var(--gold); }
.font1A { letter-spacing: 0.5px; font-size: 17px; color: var(--gold); }
.font2 { letter-spacing: 0.5px;font-weight: bold; font-size: 21px; background: #f5d40c; -webkit-background-clip: text; /* Chrome, Safari */ -webkit-text-fill-color: transparent; background-clip: text; /* Firefox */ color: transparent; text-shadow: 1px 1px 2px rgba(68,16,37,0.4); }
.font3 { letter-spacing: 0.5px;font-size: 17px; color: var(--deep-purple); }
.font4 { letter-spacing: 0.5px; font-size: 22px; color: var(--gold); }
.font5 { letter-spacing: 0.5px; font-size: 22px; color: var(--light-purple); }
.font6 { letter-spacing: 0.5px; font-size: 17px; color: var(--gold); }
.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); }
.a4:hover { color: var(--deep-purple); }
.a4:visited { color: var(--deep-purple); }
.a4:focus { color: var(--deep-purple); }
.a4:active { color: var(--deep-purple); }
.a4:link { color: var(--deep-purple); }
.br1 { display: none; }
#banner1 { width: 1200px; height: 90px; margin-top: 20px; background-image: url("../images/banner.png"); background-position:center; background-repeat:no-repeat; }
#banner2 { display: flex; align-items: center; justify-content: center; width: 1180px; height: 25px; padding: 10px; background-color: var(--deep-purple); }
#credits { display: flex; align-items: center; justify-content: center; }
.space1 { height: 40px; }
.space2 { height: 40px; }
.space3 { height: 110px; }
.home1 { display: flex; flex-direction: column; width: 1200px; height: auto; background-image: url(../images/home.png); background-position: center 0px; background-repeat:no-repeat; background-size: 550px 550px; }
.home2 { display: flex; flex-direction: row; width: 1200px; height: auto; }
.home3 { display: flex; flex-direction: row; box-sizing: border-box;width: 400px; min-height: 100px; height: auto; }
.home5 { display: flex; width: 400px; }
.home-news { display: flex; align-items: start; justify-content: start; box-sizing: border-box; width: 400px; 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; }
.home-content { display: flex; align-items: start; justify-content: start; box-sizing: border-box; width: 400px; 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; }
.home-content2 { display: flex; align-items: start; justify-content: start; box-sizing: border-box; width: 400px; 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; }
.club1 { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 1200px; height: auto; background-image: url(../images/club.png); background-position: center 10px; background-repeat:no-repeat; background-size: 550px 550px; }
.club2 { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 660px; 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; }
.club3 { display: flex; flex-direction: row; width: 1200px; height: auto; }
.club4 { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 400px; 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; }
.club5 { display: flex; width: 400px; }
.title1 { display: flex; flex-direction: row; width: auto; }
.title2 { display: flex; align-items: center; justify-content: start; width: 800px; 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: auto; 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: 950px; height: 250px; }
.shows:hover { background-color: var(--deep-purple); cursor: pointer; }
.shows:active, shows:focus { background-color: var(--deep-purple); }
.imgcolours { width: 800px; height: 558px; }
.colours { display: flex; justify-content: center; gap: 40px; }

.td10 { border-bottom-color:var(--gold); border-bottom-style:solid; border-bottom-width: 1px; vertical-align: center; width: 150px; height: 30px; }
.td11 { border-bottom-color:var(--gold); border-bottom-style:solid; border-bottom-width: 1px; vertical-align: center; width: 120px; height: 30px; }
.td12 { border-bottom-color:var(--gold); border-bottom-style:solid; border-bottom-width: 1px; vertical-align: center; width: 320px; height: 30px; }
.td13 { border-bottom-color:var(--gold); border-bottom-style:solid; border-bottom-width: 1px; vertical-align: center; width: 365px; height: 30px; }
.td14 { border-bottom-color:var(--gold); border-bottom-style:solid; border-bottom-width: 1px; vertical-align: center; width: 90px; background-color:var(--gold); height: 30px; }
.td15 { border-bottom-color:var(--gold); border-bottom-style:solid; border-bottom-width: 1px; vertical-align: center; width: 150px; background-color:var(--deep-purple); height: 30px; }
.td16 { border-bottom-color:var(--gold); border-bottom-style:solid; border-bottom-width: 1px; vertical-align: center; width: 120px; background-color:var(--deep-purple); height: 30px; }
.td17 { border-bottom-color:var(--gold); border-bottom-style:solid; border-bottom-width: 1px; vertical-align: center; width: 320px; background-color:var(--deep-purple); height: 30px; }
.td18 { border-bottom-color:var(--gold); border-bottom-style:solid; border-bottom-width: 1px; vertical-align: center; width: 365px; background-color:var(--deep-purple); height: 30px; }
.td19 { border-bottom-color:var(--gold); border-bottom-style:solid; border-bottom-width: 1px; vertical-align: center; width: 90px; background-color:var(--deep-purple); height: 30px; }