/*@charset "utf-8";

.pp_intro_page_404{
	color: #66a7d5;
	text-align: center;
	font-size: 27px;
	padding-bottom: 70px;
}
.pp_intro_page_404 strong{
	display: block;
	font-size: 45px;
}
.page-404-picto{
	background: url(picto-404.png) center 0 no-repeat;
	height: 200px;
	margin-bottom: 45px;
}
.breadcrumb-404{
	text-indent: -999999em;
}*/


@charset "utf-8";

.pp_intro_page_404{
	color: #66a7d5;
	text-align: center;
	font-size: 27px;
	padding-bottom: 70px;
	margin-top: 50px;
}
.pp_intro_page_404 strong{
	display: block;
	font-size: 49px;
}
.page-404-picto{
	background: url(picto-404.png) center 0 no-repeat;
	height: 200px;
	margin-bottom: 45px;
	float: left;
    width: 200px;
}
.breadcrumb-404{
	text-indent: -999999em;
}


.spaceText
{
	width: 56%;
    margin: 0 auto;
    font-size: 14pt;
    text-align: left;
    color: #000;
}


.links
{
    float: right;
    margin-top: 36px;
}


.spaceContent
{
	width: 56%; 
	margin: 0 auto; 
	font-size: 14pt; 
	text-align: left; 
	color: #000; 
	margin-top: 26px;
}


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

	.links {
		float: right;
		margin-top: 40px;
		left: 12px !important;
		position: relative;
		margin-bottom: 50px;
	}	
	
	.page-404-picto{
		    background: url(picto-404.png) center 0 no-repeat;
			height: 200px;
			margin-bottom: 45px;
			float: left;
			width: 200px;
			left: -18px !important;
			position: relative;
	}	
	
	.spaceContent
	{
		width: 72% !important; 
		margin: 0 auto; 
		font-size: 14pt; 
		text-align: left; 
		color: #000; 
		margin-top: 48px;
	}
	
}



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

.pp_intro_page_404 strong{
	display: block;
	font-size: 18pt;
}

.links
{
	float: right;
    margin-top: 6px;
    left: 44px;
    position: relative;
    margin-bottom: 50px;
}

	.links ul{
		list-style-type: none;
		width: 178px;
		margin-left: 53px;
		text-align:center;
	}
	
.spaceText
{
	width: 100%;
    margin: 0 auto;
    font-size: 12pt;
    text-align: justify;
    color: #000;
}

.spaceContent
{
	width: 56% !important; 
	margin: 0 auto; 
	font-size: 14pt; 
	text-align: left; 
	color: #000; 
	margin-top: 26px;
}
	
.page-404-picto{
		    background: url(picto-404.png) center 0 no-repeat;
			height: 200px;
			margin-bottom: 45px;
			float: left;
			width: 200px;
			left: -31px !important;
			position: relative;
}	
	
	
}


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

	.links
	{
		float: right;
		margin-top: 6px;
		left: 12px !important;
		position: relative;
		margin-bottom: 50px;
	}
	
	
	.page-404-picto{
		    background: url(picto-404.png) center 0 no-repeat;
			height: 200px;
			margin-bottom: 45px;
			float: left;
			width: 200px;
			left: -18px !important;
			position: relative;
	}
	
.spaceContent
{
	width: 56% !important; 
	margin: 0 auto; 
	font-size: 14pt; 
	text-align: left; 
	color: #000; 
	margin-top: 26px;
}	
	
}



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

	.links
	{
		float: right;
		margin-top: 6px;
		left: 21px !important;
		position: relative;
		margin-bottom: 50px;
	}
	
	
	.page-404-picto{
		    background: url(picto-404.png) center 0 no-repeat;
			height: 200px;
			margin-bottom: 45px;
			float: left;
			width: 200px;
			left: -31px !important;
			position: relative;
	}

	.spaceContent
		{
			width: 56% !important; 
			margin: 0 auto; 
			font-size: 14pt; 
			text-align: left; 
			color: #000; 
			margin-top: 26px;
		}
}


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

	.links
	{
		float: right;
		margin-top: 6px;
		left: 39px !important;
		position: relative;
		margin-bottom: 50px;
	}
	
	
	.page-404-picto{
		    background: url(picto-404.png) center 0 no-repeat;
			height: 200px;
			margin-bottom: 45px;
			float: left;
			width: 200px;
			left: -31px !important;
			position: relative;
	}
	
	.spaceContent
		{
			width: 56% !important; 
			margin: 0 auto; 
			font-size: 14pt; 
			text-align: left; 
			color: #000; 
			margin-top: 26px;
		}
	
}