@import "shared/formtastic";

@import "public/framework/bootstrap.less";


body 
{
	width:100%;
	margin : 0px;
	padding : 0px;
	font-family:Open Sans;
	font-size:14px;
	background:#f9f9f9;
  
  h1, h2, h3, h4{
  font-family:Palatino, Times, Serif;
  font-weight:normal ;
  
  }
  
  h1{
  font-size:3em;
  padding-top:0.3em;
  border-top:2px solid #29a9e0;
  display:inline-block;
  padding-right:10px;
  min-width:200px;
  color:#3b3b3c;
  a{
    color:#3b3b3c;
  }

  }
  
}

.contact{

label{
display:inline;
}
td{
vertical-align:middle;
}
input{
height:2em;
}
}


#top{
  
  
  background:#3b3b3c;
  margin:0px -1em;
  text-align:right;
  a{
  display:inline-block;
  padding:1em;
  color:#e9e9e9;
  text-decoration:none;
  
  }
  
 
  
}

#logo{
margin-top: 4em;
margin-bottom:7em;
width:520px;

}
.center{
margin:auto;
max-width:1400px;
width:95%;
}

#main{

#corps{
width:70%;
float:left;
padding-right:3em;
box-sizing : border-box;

}

#sidebar{

.book{

padding:1em;
 
 background:#3b3b3c;
 color:white;
}

padding-left:3em;
.widget{

margin-bottom:3em;
}
h3{
border-top:2px solid #3b3b3c;
padding-top:0.3em;


}
width:30%;
float:left;
box-sizing : border-box;
}

}

article{
margin-bottom:6em;
.aside{
float:left;
width:150px;

time{
font-size:45px;
text-align:center;
line-height:55px;
font-weight:100;
height:130px;
width:130px;
background:#29a9e0;
display:block;
text-align:center;
color:white;
border-radius:50%;
}

}

.article_body{
margin-left:160px;

h2.principal{
font-size:3em;
padding-top:0.3em;
border-top:2px solid #29a9e0;
display:inline-block;
padding-right:10px;
min-width:200px;
color:#3b3b3c;
a{
  color:#3b3b3c;
}

}


}

.socials{
text-align:right;
img{
width:35px;
margin-left:0.4em;



}

}
  
}