/*
#@plugins/themes/federationviniyoga.org/css/layoutgala.less
*/
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,900);
.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}
.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.container-fluid:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* 
Ceci est le fichier CSS du  
Layout Gala No 34
de  
http://blog.html.it/layoutgala/ 
*/
/*
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#container{width:700px;margin:0 auto}
div#content{float:right;width:500px}
div#navigation{float:left;width:200px}
div#extra{float:left;clear:left;width:200px}
div#footer{clear:both;width:100%}
*/
/*
Ceci est le fichier CSS du
Layout Gala No 27
de
http://blog.html.it/layoutgala/
*/
/*
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif}
p{margin:0 10px 10px}
a{display:block;color: #006;padding:10px}
div#header{position:relative}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#header a{position:absolute;right:0;top:23px}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}

div#navigation{float:left;width:50%}
div#extra{float:left;width:49.9%}
div#footer{clear:left;width:100%}
*/
/* 
Ceci est le fichier CSS du  
Layout Gala No 33
de  
http://blog.html.it/layoutgala/ 
*/
/*
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{display:block;color: #006;padding:10px}
div#header{position:relative}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#header a{position:absolute;right:0;top:23px}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}

div#container{width:700px;margin:0 auto}
div#content{float:left;width:500px}
div#navigation{float:right;width:200px}
div#extra{float:right;clear:right;width:200px}
div#footer{clear:both;width:100%}
*/
#container {
  margin: 0 auto;
}
#wrapper {
  float: none;
  width: 100%;
  margin-left: 0;
}
#content,
#aside,
#extra,
#footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#content {
  float: left;
  width: 702px;
  margin-left: 0;
  margin-right: 0;
}
#aside {
  float: right;
  width: 234px;
  margin-left: 0;
}
#extra {
  float: right;
  clear: right;
  width: 0px;
  margin-left: 0;
}
#footer {
  clear: both;
  width: 100%;
}
@media (min-width: 1200px) {
  #container {
    margin: 0 auto;
  }
  #wrapper {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  #content,
  #aside,
  #extra,
  #footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #content {
    float: left;
    width: 873px;
    margin-left: 0;
    margin-right: 0;
  }
  #aside {
    float: right;
    width: 291px;
    margin-left: 0;
  }
  #extra {
    float: right;
    clear: right;
    width: 0px;
    margin-left: 0;
  }
  #footer {
    clear: both;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  #container {
    margin: 0 auto;
  }
  #wrapper {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  #content,
  #aside,
  #extra,
  #footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #content {
    float: left;
    width: 480px;
    margin-left: 0;
    margin-right: 0;
  }
  #aside {
    float: right;
    width: 240px;
    margin-left: 0;
  }
  #extra {
    float: right;
    clear: right;
    width: 0px;
    margin-left: 0;
  }
  #footer {
    clear: both;
    width: 100%;
  }
}
@media (max-width: 767px) {
  #container {
    margin: 0 auto;
  }
  #wrapper {
    float: none;
  }
  #content,
  #aside,
  #extra,
  #footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #content {
    float: none;
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
  #aside {
    clear: both;
    float: left;
    width: 100%;
    margin: 0;
  }
  #extra {
    clear: none;
    float: right;
    width: 0%;
    margin: 0;
  }
  #footer {
    clear: both;
    width: 100%;
  }
}