div
	{
	/*background-color: rgba(0, 0, 0, 0.6);*/
	}

p, div, body
	{
	margin: 0;
	padding: 0;
	}
	
::selection {
  background: #ddd; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #ddd; /* Gecko Browsers */
}
		
body
	{
	margin: 0;
	padding: 0 20px 0 0;
	font-family: "Courier New", Courier, monospace;
	font-size: 0.75em;
	/*background: url('images/grid.png') no-repeat;*/
	background-size: 1950px 1297px;
	border-top: solid 4px #29303b;*/
	}
	
	/* unvisited link */
a:link 
	{
	color: #000000;
	}
	
	/* visited link */
a:visited 
	{
	color: #3B4E6B;
	}
	
	/* mouse over link */
a:hover 
	{
	color: #3B4E6B;
	}
	
	/* selected link */
a:active 
	{
	color: #3B4E6B;
	}
			
#logo
	{
	height: 113px;
	width: 226px;
	margin: 0 0 0 53px;
	position: fixed;
	}
	
.logo
	{
	margin: 69px 0 0 57px;
	background: url(images/valentinschaer_logo.png);
	background-size: 113px 113px;
	height: 113px;
	width: 113px;
	display: block;
	}	
	
	.logo:hover
	{
	background: url(images/valentinschaer_logo2.png);
	background-size: 113px 113px;
	transition: background 0.3s;
	}	
	
#titre
	{
	height: 182px;
	margin: 0 0 0 332px;
	float: left;
	}

#titre p
	{
	margin-top: 172px;
	padding:0 20px 0 0;
	}
	
#sidebar
	{
	height: 450px;
	width: 226px;
	margin: 235px 0 0 53px;
	position: fixed;
	}

#sidebar p
	{
	text-align: center;
	}
	
.clear
	{
	clear: both;
	}
	
#projets
	{
	flaot: left;
	margin-left: 279px;
	}
	
	.article
	{
	height: 226px;
	width: 226px;
	margin: 53px 0 0 53px;
	float: left;
	text-align: center;
	}
	
	.article img:last-child
	{
	margin: 0 0 53px 0;
	}
	
	/*.article:nth-last-child(2)
	{
	margin: 53px 0 53px 53px;
	}*/
	
	.contact
	{
	display: none;
	}
	
.photos_article

	{
	min-height: 100px;
	width: 784px;
	margin: 53px 0 0 53px;
	float: left;
	/*background-color: rgba(0, 0, 0, 0.6);*/
	}
	
.photos_article img:last-child

	{
	margin: 53px 0 0 0;
	}
	
.photos_article img

	{
	width: 784px;
	margin: 53px 0 0 0;
	padding: 0;
	}

.photos_article img:first-child

	{
	width: 784px;
	margin: 0;
	padding: 0;
	}


.detail_article

	{
	min-height: 100px;
	width: 226px;
	margin: 53px 0 0 53px;
	float: left;
	/*background-color: rgba(0, 0, 0, 0.6);*/	
	}
	
.rien
	{
		width: 100%;
		height: 53px;
		float: left;
	}

	
/****************Responsive******************/

@media only screen and (max-width: 1430px)  
{
		
	.detail_article
	{
	min-height: 100px;
	width: 784px;
	margin: 53px 0 0 53px;
	float: left;
	/*background-color: rgba(0, 0, 0, 0.6);*/	
	}
	
}


@media only screen and (max-width: 1135px)  
{
		
	.detail_article
	{
	width: 503px;
	}
	
	.photos_article

	{
	width: 503px;
	}
	
.photos_article img, .photos_article img:first-child

	{
	width: 505px;
	}

	
}


@media only screen and (max-width: 836px)  
{

	
	#logo, #titre
	{
		position: initial;
		margin:0 auto;
		padding:0;
		width:226px;
		display:block;
	}
	
	#titre p
	{
		margin: 0;
		padding: 0;
		text-align: center;	
	}	

	#titre
	{
		float:none;
		height:auto;	
		display:block;
		margin: 53px auto 0 auto;
	}
	
	.logo
	{
		margin-top: 52px;	
	}	
	
	#sidebar
	{
		display:none;
	}
	
	#projets
	{
		
		float: none;
		display: block;
		/*width: 226px;*/
		height: 1px;
		margin:0 auto;
	}
	
	.article
	{
		display: block;
		float: none;
		margin: 53px auto;	
	}
	
	/*.article:first-child
	{
		margin: 25px 0 0 0;
	}
	
	.article:nth-last-child(2)
	{
		margin: 53px 0 0 0;
	}*/
	
	/**********Page single***********/
	
	body
	{
		padding: 0 20px 0 20px;	
	}
	
	.detail_article
	{
		width: 503px;
		display: block;
		width: 100%; 
		margin: 53px 0 0 0;	
	}
	
	.photos_article

	{
		margin: 53px 0 0 0;
		display: block;
		width: 100%;
	}
	
	.photos_article img

	{
		width: 100%; 
		margin: 53px 0 0 0;
		display: block;
	}
	
	.photos_article img:first-child
	{
		width: 100%; 
		margin: 0;
		display: block;
	}
	



}