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

BODY {background-color:#ffffff}

TH {font-family: verdana; font-size: 14px; color: #2920e3; font-weight: normal}
TD {font-family: verdana; font-size: 14px; color: #2920e3; text-align: justify}

 
TD.tableau {font-family: verdana; font-size: 12px; color: #2920e3; border-color: #2920e3; text-align: center}

TD.tableau_yoga {font-family: verdana; font-size: 12px; color: #2920e3; border-color: #2920e3; text-align: center; background-color: #2920e3}

TD.tableau_danse {font-family: verdana; font-size: 12px; color: #2920e3; border-color: #2920e3; text-align: center; background-color: #2920e3}
TD.tableau_musique {font-family: verdana; font-size: 12px; text-align: center}
TD.tableau_tarifs {font-family: verdana; font-size: 14px; color: #2920e3; border-color: #2920e3}
TD.justify {text-align: justify; font-weight: normal}

img.menuhaut {
  vertical-align: text-bottom;}
  
A {color:#2920e3; font-weight: bold; text-decoration: none}
A.site {text-decoration: underline}
A:hover {color: #ff4500}
A.indent {text-indent: 50px}
A.soutien {font-weight: normal; text-decoration: underline}
B {color: #2920e3}
B.lighter {color: #2920e3}
B.titre {font-size: 18.72px;}

UL {text-align: left}

IMG.soutien {vertical-align: middle}

BLOCKQUOTE {font-family: verdana; font-size: 14px; color: #ffffff; text-align:justify}

DIV {color:#2920e3; text-align:left}
P {color:#2920e3; text-align:left}
P.menu {color:#2920e3; text-align:center}

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

p.smallright {font-family: verdana; font-size: 10px; color: #2920e3; text-align: right}

p.smallcenter {font-family: verdana; font-size: 10px; color: #2920e3; text-align: center}

small {margin-left: 10}

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

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

DIV.passe {color: #2920e3}

H1 {font-family: verdana; color: #2920e3; text-align: center;}
H2 {font-family: verdana; color: #2920e3; font-weight: bold; text-align: left;padding: 0 20px}
H3 {font-family: verdana; color: #2920e3; font-weight: bold; text-align: left; padding: 0 20px}
H3.center {text-align:center}
H4 {font-family: verdana; color: #2920e3; 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: verdana;
  padding: 0 20px;
  float: left;
  width: 33%; /* The width is 33%, by default */
}

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

.right {
  background-color: #ffffff;
  font-family: verdana;
  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%;
}