@charset "utf-8";
/* CSS Document */
/* Nydalis
/* Structure */

* {
	margin:0;
	padding:0
}

/*************/

 @media screen and (max-width: 650px) {
 ul li img {
height:30px!important;
width:auto
}
#header {
 width:100%!important;
 max-height:80px!important;
 float:none!important;
 text-align:center!important;
 padding: 0!important;
}
#footer {
 width:100%!important;
 float:none!important;
 text-align:center!important;
 padding: 10px 0 10px 0!important;
}
}
 @media screen and (max-width: 800px) {
 #page {
 width:100%!important;
 font-size: 13px!important;
 margin-bottom:0px!important;
}
#header {
 width:100%!important;
 max-height:80px;
 float:none!important;
 text-align:center!important;
 padding: 0!important;
}
#construction{
	position: relative!important;
	min-height: 20%!important;
	margin: 0 auto!important;
	bottom: 0px!important;
	height: auto!important;
	width: 100%!important;
	font-size:14px!important;
	padding: 5% 5% 20px 5%!important;
	clear:both!important;
}
.img-resize {
	max-width:50%!important;
	height:auto;
}
#bloc {
 width:95%!important;
 float:none!important;
 text-align:center!important;
 padding: 100px 0 10% 0!important;
}
#bloc-left {
 width:100%!important;
 height:auto!important;
 float:left!important;
 text-align:center!important;
}
#bloc-right {
 width:100%!important;
 height:auto!important;
 max-height:10%!important;
 float:right!important;
 text-align:center!important;
 padding:10px!important;
}
 #texte {
margin-right:0px!important;
}

 h1 {
 font-size:26px!important;
}
h2 {
 font-size:20px!important;
}
 ul li img {
height:40px;
width:auto
}
}
/*************/
html{
	height: 100%;
}
body {
	color: #949494;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #f2f2f2; /* Old browsers */
	margin:auto;
	height:100%;
}
#page{
	position: relative;
	min-height: 100%;
	clear:both;
	margin: 0 auto 0 auto;
}
#header{
	position: absolute;
	height: 80px;
	background: #ffffff;
	margin: 0 auto;
	width: 100%;
	clear:both;
	text-align:left;
}
#header img {
	padding:10px;
}
#footer{
	position: absolute;
	bottom: 0px;
	height: 80px;
	width: 100%;
	background: #949494; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:22px;
	color:#ffffff;
	text-align:center;
	padding: 10px 0 10px 0;
}
#construction{
	position: relative;
	min-height: 100%;
	margin: 0 auto;
	bottom: 0px;
	height: 40px;
	width: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
	text-align:left;
	padding: 20% 20px 10% 20px;
	clear:both;
}
.img-resize {
	max-width:100%;
	height:auto;
}
a {
	text-decoration:none;
}
a, a:visited {
	color:#bdbdbd;
}
a:hover {
	color:#bdbdbd;
}
img, a img {
	border:0
}
p {
	margin:10px 0 15px 0
}
h1 {
	font-size:30px;
	padding:0;
	color:#080808;
	margin-top:20px;
	font-weight:300;
	text-transform:uppercase;
}
#bloc {
 width:50%;
 float:none;
 text-align:center;
 padding: 15% 0 10% 0;
 margin:0 auto;
 min-height: 100%;
 clear:both;
}
#bloc-left {
	width:246px;
	height:245px;
	float:left;
	text-align:left;
	padding: 0;
	position: relative;
	min-height: 100%;
}
#bloc-right {
	width:349px;
	height:245px;
	float:right;
	text-align:right;
	padding: 0;
	position: relative;
	min-height: 100%;
	background-color:#959c56;
	background-color: rgba(149, 156, 86, 0.7);
	color: rgba(149, 156, 86, 0.7);
}