body{
	padding:0px;
	background: rgba(250,250,250,1);
  background-size:100%;
  

color: #333;
}

#gradient{


}
header#top{	
	display:block;
	
  .center{
    max-width:1200px;
    margin:auto;
    
  }
	background: url('/assets/front/top.png') repeat-x;
	
	img{
		width:120px;
		float:left;
		margin:20px 0px;
	}
	
}

navigation#first_nav{
	
	margin-top:50px;
	margin-right:20px;
	float:right;
	
	
		a{
		display:inline-block;
		padding:10px;
		color:black;
		}

}


#main{
	

  max-width:1200px;
  margin:auto;
  
	img{
		max-width:100%;
	}
  
  
	
	 
}
#corps{
  
  float:left;
  width:60%;
  box-sizing: border-box;
}

.article_corps{
  background:white;
  
}
#sidebar{	
	padding:20px;
  width:40%;
  float:right;
  box-sizing: border-box;
 
	


	


}

comment{

	message{
	padding:10px;
		
	}
		
	author{
	float:left;
	width:200px;
	text-align:center;
		
		p{			
		text-align:center;
		margin:0px;

		}
		
		.img{
			height:120px;
			width:120px;
			border-radius:50%;
			overflow:hidden;
			display:inline-block;
		
			img{
				height:120px;
			}
			
		}

	}

}

.clear{
	clear:both;
}

footer{
	margin-top:100px;

	
}



//@media only screen and (min-width: 0px)  {
	

	


footer{
	display:block;
	padding:1em;
	font-size:0.95em;
	line-height:1.4em;
	border-top: #202020 2px solid;
	border-bottom: #97BC4A 12px solid;
	text-align:center;
	
	


}



#legals_large{
	background:rgba(250,250,250,0.8);
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	width:100%;
	height:100%;
	display:none;
	
	.content{
		background:rgba(250,250,250,0.95);
		padding:10px 30px;
		margin:auto;
		width:90%;
		max-width:600px;
		border:1px solid gray;
		
		
	}

}

.article_small{

  margin-bottom:20px;


  h3{
    margin:0;
    
  }
  background:white;
  
  padding:10px;

  .img{
    width:100px;
    float:left  ;
    display:block;
    margin:0;
    margin-right:10px;
    background-size:cover;

    
  }
}

.article_img{

  margin-bottom:20px;

  *{
    color:white;
    
  }
  h3{
    margin-top:10px;
    margin-bottom:10px;
    
  }
  background:center center no-repeat;
  background-size:100%;
  background-size:cover;
  text-align:center;
  padding:10px;
  p.article_infos{
    margin-top:0;
  }
}

article, .corps_content{
  padding:40px;
  background:white;
  margin-bottom:40px;
  
}
.activites{
  background:center center no-repeat;
  background-size:100%;
  background-size:cover;
  text-align:center;
  padding:50px 0;
  color:white;
  display:block;
  font-family:Lato;
  text-transform:uppercase;
  
  span{
    display:inline-block;
    padding:5px 10px;
    border:1px solid white;
    
  }
  margin-bottom:20px;
  
  &:hover{
    span{
      
      background:rgba(255,255,255,0.5);
      color:#333;
    }
    
  }
}
.photographe{
  
  background-image:url('/photographe.jpg');
}

.sites{
  
  background-image:url('/sites.jpg');
}

.design{
  
  background-image:url('/design.jpg');
}