@import url("slides_pictures.css");
@import url("calendar.css");
@import url("menu.css");
@import url("gallery.css");
@import url("circle.css");
@import url("pictures.css");
@import url("articles.css");
/* @import url("bulles_info.css"); */
@import url("agenda.css");
@import url("sections.css");
@import url("tables.css");

/* ****** fonts definition ****** */
@font-face {
  font-family: myFirstFont;
  src: url(../fonts/MyNewMeditation.ttf);
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'),
       local('Lato-Regular'),
       url(https://fonts.gstatic.com/s/lato/v13/UyBMtLsHKBKXelqf4x7VRQ.woff2)
         format('woff2');
  unicode-range: U+0100-024F,
                 U+1E00-1EFF,
                 U+20A0-20AB,
                 U+20AD-20CF,
                 U+2C60-2C7F,
                 U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'),
       local('Lato-Regular'),
       url(https://fonts.gstatic.com/s/lato/v13/1YwB1sO8YE1Lyjf12WNiUA.woff2)
       format('woff2');
  unicode-range: U+0000-00FF,
                 U+0131,
                 U+0152-0153,
                 U+02C6,
                 U+02DA,
                 U+02DC,
                 U+2000-206F,
                 U+2074,
                 U+20AC,
                 U+2212,
                 U+2215;
}

.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin: 0px 5px;
    padding: 10px 20px;
  /* border:  1px solid red; */
}

.flex-container-align-center {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin: 0px 5px;
    padding: 10px 20px;
  /* border:  1px solid red; */
}

.flex-container-compact {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin: 0px;
    padding: 0px 20px;
    justify-content: space-around;
  /* border:  1px solid red; */
}

.flex-container-compact h2
{
  padding: 0px;
  margin: 0px;
}

.flex-container-incol {
    display: -webkit-flex;
    display: flex;
    /* -webkit-align-items: flex-start; */
    /* align-items: flex-start; */
    -webkit-flex-direction: column;
    flex-direction: column;
}

/*
 * For all flex-container* classes
 * DEBUG
/*
 * For all children of flex-container* classes
 */
/* [class*="flex-container"] {border: 1px solid red;} [class*="flex-container"] > * { border:  1px solid blue; } */

.flexsize-1  { flex: 1; }
.flexsize-2  { flex: 2; }
.flexsize-3  { flex: 3; }
.flexsize-4  { flex: 4; }
.flexsize-5  { flex: 5; }
.flexsize-6  { flex: 6; }
.flexsize-7  { flex: 7; }
.flexsize-8  { flex: 8; }
.flexsize-9  { flex: 9; }
.flexsize-10 { flex: 10; }
.flexsize-11 { flex: 11; }
.flexsize-12 { flex: 12; }

[class*="flexsize-"] {
  margin: 5px;
}

/* ****** body ****** */
body {
  /* font-family: "DejaVu Sans"; */
  /* font-family: "Avenir Book"; */
  font-family: "Lato";
  font-size: 100%;
  text-align: center;
  background: white;
  /* max-width: 90%; */
  max-width: 1200px;
  margin: auto;
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-radius: 25px;
  box-shadow: 0 12px  24px 0 rgba(0, 0, 0, 0.2),
              0 18px 60px 0 rgba(0, 0, 0, 0.19);
}

h1
{
  font-size: 2em;
  text-align: left;
  margin-left: 20px;
}

/**************************************************************
 * header
 **************************************************************
 */
header {
  background: white;
  flex: 1 100%;
  /* border: 5px solid red; */
}

.header {
  font-family: myFirstFont;
  font-size: 5em;
  color: #660066;
  padding: 0px;
  padding-bottom: 18px;
  margin: 0px;
  margin-top: 10px;
  text-align: center;
}

/**************************************************************
 * footer
 **************************************************************
 */
footer
{
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: auto;
  border-radius: 0px 0px 25px 25px;
  display: block;
  font-size: 1.1em;
  font-family: myFirstFont;
  letter-spacing: 1px;
}

footer a
{
  color: #660065;
  text-decoration: none;
}
footer ul
{
  display: inline;
  padding: 0px;
  margin: auto;
}

footer li
{
  display: inline;
  padding: 10px 10px 0px 0px;
}

.visuel_cours_collectifs
{
  /* width: 50%; */
  max-width: 400px;
  margin: auto 25px;
  display: block;
  /* flex: 50%; */
}

.bandeau
{
  width:  100%;
}

.panorama
{
  max-width: 60%;
  height: auto;
  padding: 0px;
  opacity: 0.7;
}

.arbre-enfants
{
  display: block;
  width: 100%;
  margin: auto;
}

.minmargin
{
  margin-top: 0px;
}

.left
{
  text-align: left;
}

.polaroid {
  background-color: white;
  box-shadow: 0 4px  8px 0 rgba(0, 0, 0, 0.2),
              0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/* ****** unordered list classes ****** */
ul.style03
{
  padding: 0px;
  list-style: none;
}

li.extra-space
{
  margin: 10px;
}

/* ****** agenda classes ****** */
.agenda
{
}

.agenda p
{
  margin-bottom: 0px;
}

.agenda ul
{
  margin: 0px;
}


/* ****** paragraphe ****** */

article p.right {
  text-align: right;
}

.special_01
{
  border: 1px none black;
  border-radius: 25px;
  background-color: #6063;
  padding: 10px 20px;
  width: 100%;
}

/* ****** misc ****** */

.legende
{
  font-size: 0.8em;
  text-align: right;
}

.small
{
  font-size: 0.8em;
}

.space_up5 {
  padding-top: 5%;
}

.space_up {
  padding-top: 10%;
}

.space_up_px {
  padding-top: 30px;
}

.space_up_px41 {
  padding-top: 40px;
}

.item_marginauto
{
  margin: auto;
}

.item_nopadding
{
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

.item_nomargin > p
{
  margin-top: 0px;
}
.item_lpadding
{
  margin-left: 5%;
}

.item_text_center
{
  text-align: center;
}

.img_atelier_parents_enfants
{
  flex: 30%;
  max-width: 30%;
  padding: 0px 4px;
}

.item_atelier_parents_enfants
{
  flex: 40%;
  max-width: 40%;
  text-align: left;
  padding: 0px 30px;
}

.relative_img
{
  position: relative;
  top: -50px;
  width:40%
}

.yogahlada_tdm
{
  font-family: myFirstFont;
  font-size: 2.8em;
  line-height: 1.0;
  color: #660066;
  padding: 0px;
  margin: 0px;
  margin-bottom: 5px;
}

.item_size10  { width:  10%; }
.item_size20  { width:  20%; }
.item_size30  { width:  30%; }
.item_size40  { width:  40%; }
.item_size50  { width:  50%; }
.item_size60  { width:  60%; }
.item_size70  { width:  70%; }
.item_size80  { width:  80%; }
.item_size90  { width:  90%; }
.item_size100 { width: 100%; }

.item_height_a { height: 400px; }

/* ************************
 * ****** smartphone ****** 
 * ************************
 */
@media only screen and (max-width: 600px)
{
  ul.menu > li
  {
    float: none;
  }
  ul.menu > li.right_menu_item
  {
    float: none;
  }

  ul.menu > li.dropdown
  {
    display: block;
  }

  .img_mandala
  {
    max-width: 100%;
  }

  .item_size80
  {
    width: 100%;
  }

  [class*="flex"]
  {
    flex-direction: column;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin: auto;
  }

  ul.style01
  {
    padding: 0px;
    margin: 0px;
  }

  article.cours_adultes,
    article.atelier,
    article.atelier_ados,
    article.relief
  {
    background-color: white;
    padding: 10px;
    margin: auto;
    max-width: 100%;
    width: 100%;
  }

  .item_atelier_parents_enfants
  {
    width: 100%;
    max-width: 100%;
    flex: 100%;
  }

  .visuel_cours_collectifs
  {
    max-width: 100%;
    width: 100%;
    flex: 100%;
    margin: 10px;
  }

  .circle_size_big
  {
    margin-left: 0px;
    height: 250px;
    width:  250px;
  }

  .circle_big
  {
    margin: 10px;
    height: 84%;
    width:  88%;
    margin: 0px;
    padding-top: 16%;
    padding-left:   6%;
    padding-right:  6%;
    text-align: center;
    border-radius: 50%;
    line-height: 15px;
    /* font-size: 1.2em; */
    box-shadow: 0  8px 16px 0 rgba(0, 0, 0, 0.2),
                0 12px 40px 0 rgba(0, 0, 0, 0.19);
  }

  .special_01
  {
    border: 1px none black;
    border-radius: 25px;
    background-color: #6063;
    padding: 5px;
    width: 100%;

  }

  article.right
  {
    padding: 5px;
  }

  img.img_mandala {
    max-width: 100%;
  }

  img.img_item15
  {
    max-width: unset;
    border-radius: 50%;
  }

  .item_height_a {
    height: unset;
  }

  [class*="flexsize-"] {
    padding: 10px;
    margin: unset;
  }

  .circle_size_big {
    margin: auto;
  }

  article.flexstart {
    align-self: unset;
    padding-top: unset;
    padding: 10px;
  }

  article.atelier {
    padding-left: unset;
    padding-right: unset;
    padding: unset;
    width: 100%;
  }

  article.relief, article.cours_adultes {
    padding: unset;
  }

  article.agenda_special {
    margin: 30px 0px;
  }

  article.special {
    border-radius: unset;
    box-shadow: unset;
  }

  .flex-container-compact {
    margin: 0px;
    padding: 0px;
  }
}