@import "shared/formtastic";



@import "public/framework/bootstrap.less";
@import "fontawesome/font-awesome";


body 
{
	width:100%;
	margin : 0px;
	padding : 0px;
	font-family:"chaparral-pro",Palatino, Georgia, Serif;
	font-size:16px;
	background:#f9f9f9;
  font-weight:400;
  
  h1, h2, h3, h4{
  font-family:"Stylograph", Courier, sans-serif;
  font-weight:100 ;
  
  }
  
  background:url("/fond2.jpg") center center fixed;
  background-size:100%;
  background-size:cover;
  
  
  h1{
  margin-bottom:0.5em;
  
  }
  
}

.contact{

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


#top{
  
padding-top: 4em;
padding-bottom:4em;
margin-bottom:1em;

background-size:100%;

 
  
}

#mail{
position:absolute;
right:200px;
bottom:-5px;

&:hover{

transform: rotate(10deg);
-ms-transform: rotate(10deg); /* IE 9 */
-webkit-transform: rotate(10deg); /* Safari and Chrome */
bottom:-20px;
}

}
#trefle{
position:absolute;
right:30px;
top:0px;

}


#logo{
text-align:left;
h1{
font-size:4em;
}
a{
color:black;
opacity:0.7;
&:hover{
  
  text-decoration:none;
  opacity:1;
}
}


#bird1{
position:absolute;
left:490px;
top:30px;

}

#bird2{
position:absolute;
left:520px;
top:0px;

}

&:hover{

#bird2{
  transform: rotate(-10deg);
  -ms-transform: rotate(-10deg); /* IE 9 */
  -webkit-transform: rotate(-10deg); /* Safari and Chrome */
}

#bird1{
  transform: rotate(10deg);
  -ms-transform: rotate(10deg); /* IE 9 */
  -webkit-transform: rotate(10deg); /* Safari and Chrome */
}
}

}


.center{
margin:auto;

width:95%;
max-width:800px;
position:relative;
}

#categories_menu{

font-family:"Stylograph", sans-serif;
font-weight:100;
font-size:1.2em;
background:#6ca489;
padding:0.9em;
color:white;
text-align:center;
margin-bottom:3em;
position:relative;
a{

color:white;
}

}
.hr{
padding:10px;
text-align:center;
display:block;
margin:4em auto ;
font-family:"Stylograph", Courier, Serif;
font-size:1.3em;
opacity:0.3;

}
#main{

#corps{


box-sizing : border-box;
float:left;

}

#sidebar{
float:right;
width:300px;
padding-left:20px;
border-left:2px dotted #e6f0eb;
}



}

article{
  
  padding:1em 2em;
p{
text-align:justify;

}
width:100%;
max-width:700px;


position:relative;
.aside{


time{
font-size:20px;
text-align:center;
line-height:23px;
font-weight:100;
height:55px;
width:55px;
background:rgba(0,104,55,1);
display:block;
text-align:center;
color:white;
border-radius:50%;
font-family:"Stylograph", Times, Serif;
font-weight:100 ;
}

.comments_buble{
font-size:20px;
text-align:center;
line-height:23px;
font-weight:100;
height:55px;
width:55px;
margin-top:6px;
background:#33865f;
display:block;
text-align:center;
color:white;
border-radius:50%;
font-family:"Stylograph", Times, Serif;
font-weight:100 ;

a{
color:white;
text-decoration:none;
}

}




}

.article_body{

.infos{
margin-bottom:2em;
color:#aeaeae;
a{
  color:#aeaeae;
  &:hover{
  color:black;
  }
  text-decoration:none;
}
}
h2.principal{
font-size:3em;

display:inline-block;
padding-right:10px;
min-width:200px;

color:#3b3b3c;

margin-top:0.5em;
a{
  color:#3b3b3c;
}

}


}

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



}

}
  
}

.share_buble{
font-size:26px;
text-align:right;


margin-top:2em;


text-align:right;

font-family:"Stylograph", Times, Serif;


a{
color:#aeaeae;
&:hover{
color:black;
}
padding:5px;
}

}

.contact{
text-align:center;
margin-bottom:6em;
clear:both;

}

@media screen and (min-width: 820px) {
#logo{
  margin-left:-100px;
  
}
}