@import url(//fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700);


#nav_mobile{

		display:none;

	}





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

 {

	html, #info{ 

	width:600px;

	position:relative;

	zoom:170%;	

	}

	#nav_mobile{

		display:inline-block;

		z-index:1001;

		position: relative;

		zoom:400%;	

		margin-top:12px;

	}

}

     

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px)

{

	html, #info{ 

	width:100%;

	position: inherit;

	zoom:100%;	

	}

}



body  {

	margin:0;

	padding:0;

	padding-top:130px;

	height:100%;	

}

header{

	background:#97999c url(images/bg1.jpg);

	width:100%;

	height:150px;

	text-align:center;

	position:absolute;

	top:0;

}

#logo{

	width:auto;

	height:auto;

	text-align:center;

}

nav{

	width:auto;

	height:auto;

	color:#FFF;

	font-family:'Roboto Slab', serif;

	font-size:20px;

	display:inline-block;

	vertical-align:top;

	margin-top:50px;

	margin-left:150px;

}

nav a {text-decoration: none;}

nav a:link {color: #FFF;}

nav a:visited {color: #FFF;}

nav a:hover {color: #CBC0B6;}

nav a:active {color: #FFF;}



footer{

	background:#97999c url(images/bg1.jpg);

	position: relative;

	padding-top:8px;

	height:20px;

	width:100%;

	bottom:0;

	font-family:Verdana, Geneva, sans-serif;

	font-size:10px;

	text-align:center;

	vertical-align:middle;

	color:#FFF;

}

#info{

	padding-top:20px;

	padding-bottom:20px;

	background:#999;

	background:#97999c url(images/bg2.jpg);

	height:auto;

	text-align:center;

	width:100%;

}

#info article

{

	display:inline-block;

	margin:0 20px 0 20px;

	width:280px;

	height:auto;

	line-height:0;

	vertical-align:top;

}

#info h1

{

	font-family:'Roboto Slab', serif;

	font-size:20px;

	color:#FFF;

}

#info h2

{

	font-family:'Roboto Slab', serif;

	font-weight:400;

	font-size:16px;

	color: #999;

	line-height:20px;

}

hr

{

	height: none;

	border: none;

	border-top:solid 1px #333333;

}



#description{

	padding-top:20px;

	padding-bottom:20px;

	background:#CCC;

	height:600px;

	text-align:center;

	width:100%;

}

#description article

{

	display:inline-block;

	margin:0 20px 0 20px;

	max-width:800px;

	height:auto;

	line-height:0;

	vertical-align:top;

}

#description h1

{

	max-width:600px;

	text-align:center;

	font-family:'Roboto Slab', serif;

	font-weight:400;

	font-size:30px;

	color: #333;

}

#description h2

{
	text-align:center;
	font-weight:normal;
	font-size:14px;
	line-height:normal;
	font-family:'Roboto Slab', serif;
	color: #333;
	margin-bottom:20px;
}



.curseur_in{color:#930;}

.curseur_out{color:#FFF;}