/* 
 * style principale du mdl ultra-book responsive 2014 
 *
 * 
 * Doc  
 *  http://lesselements.com/
 *  http://designshack.net/articles/css/10-less-css-examples-you-should-steal-for-your-projects/
 * 
 * 
 */
/* =mix dependences 	http://lesselements.com/
-------------------------------------------------------------- */
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* =var
-------------------------------------------------------------- */
/* =font
-------------------------------------------------------------- */
a {
  color: #333;
}
a:hover {
  color: #999;
}
/* =layout
-------------------------------------------------------------- */
/* =layout - patch grille
-------------------------------------------------------------- */
.unit .gutters_1px,
.grid .gutters_1px .unit {
  padding: 1px;
}
.unit .gutters_1px:last-child {
  padding-left: 0;
}
/* =layout =declinaison responsive
 * http://cobyism.com/gridism/
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {
  #ub_menu {
    display: none;
  }
  #ub_cont {
    width: 100% !important;
  }
  .hide-on-mobiles-tablette {
    display: none;
  }
}
/* =bg 
-------------------------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  background: url("../../img/ub_bg_motif.gif") repeat;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-size: 14px;
}
/* =body
-------------------------------------------------------------- */
#ub_container {
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  color: #000;
  width: 70%;
  height: 300px;
  padding: 40px;
  transition: opacity 0.1s ease-out 0s;
  color: #555;
  margin: 140px auto 0 auto ;
}
#ub_container h2 {
  margin-top: 30px;
  margin-bottom: 20px;
  color: #222;
}
/* =footer
-------------------------------------------------------------- */
#ub_footer {
  width: 70%;
  background-color: white;
  margin: 0 auto ;
}
#ub_footer .center {
  position: absolute;
  bottom: 40px;
  margin-left: -40px;
}
/* =logo
-------------------------------------------------------------- */
/* =autres
-------------------------------------------------------------- */