/*BODY.frontpage {background-color:#ffffff; background-image:url('images/photoAffiche25.jpg'); background-repeat: no-repeat}*/

BODY {background-color:#ffffff}

TH {font-family:  Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; font-weight: normal}
TD {font-family:  Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-align: justify}

 
TD.tableau {font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; border-color: #000000; text-align: center}

TD.tableau_yoga {font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; border-color: #000000; text-align: center; background-color: #000000}

TD.tableau_danse {font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; border-color: #000000; text-align: center; background-color: #000000}
TD.tableau_musique {font-family:  Arial, Helvetica, sans-serif; font-size: 12px; text-align: center}
TD.tableau_tarifs {font-family:  Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; border-color: #000000}
TD.justify {text-align: justify; font-weight: normal}

img.menuhaut {
  vertical-align: text-bottom;}
  
A {color:#000000; font-weight: bold; text-decoration: none}
A.site {text-decoration: underline}
A:hover {color: #550000}
A.indent {text-indent: 50px}

B {color: #000000}
B.lighter {color: #000000}
B.titre {font-size: 18.72px;}

UL {text-align: left}

IMG.soutien {vertical-align: middle}

BLOCKQUOTE {font-family:  Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; text-align:justify}
P {font-family:  Arial, Helvetica, sans-serif}
DIV {color:#000000; text-align:left}
P {color:#000000; text-align:left}
P.menu {color:#000000; text-align:center}

DIV.normal {text-align:left; font-weight:normal; color:#000000}

p.smallright {font-family:  Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-align: right}

p.smallcenter {font-family:  Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-align: center}


/*DIV.right {text-align:right; font-size: 11px; font-weight: bold}*/

DIV.guide {text-align:left; font-weight:normal; color:#000000; margin-left:2;  margin-right:20;}

DIV.passe {color: #000000}

H1 {font-family:  Arial, Helvetica, sans-serif; color: #000000; text-align: center;}
H2 {font-family:  Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; text-align: left;padding: 0 20px}
H3 {font-family:  Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; text-align: left; padding: 0 20px}
H4 {font-family:  Arial, Helvetica, sans-serif; color: #000000; font-weight: normal; text-align: left; padding: 0 20px}
H5 {text-align: left}
table {
    table-layout: fixed;
    width: 100%;
}

td, th {
    text-wrap: balance;
}




P.photo {width: 20%}




* {
  box-sizing: border-box;
}

.left {
  background-color: #ffffff;
  font-family:  Arial, Helvetica, sans-serif;
  padding: 0 20px;
  float: left;
  width: 33%; /* The width is 33%, by default */
}

.main {
  background-color: #ffffff;
  font-family:  Arial, Helvetica, sans-serif;
  padding: 0 20px;
  float: left;
  width: 33%; /* The width is 33%, by default */
}

.right {
  background-color: #ffffff;
  font-family:  Arial, Helvetica, sans-serif;
  padding: 0 20px;
  float: left;
  width: 33%; /* The width is 33%, by default */
}

/* Use a media query to add a break point at 800px: */
@media screen and (max-width: 400px) {
  .left, .main, .right {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}


.image-left {
            float: left;
            margin-right: 15px;
        }
        
        
        
.container {
    position: relative;
    width: 60%;
    height: 0;
    padding-bottom: 56.25%;
}

.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
    </style>