/* CSS Document */
@charset "UTF-8";

/* RESPONSIVE CONTENT */

img, object, embed, canvas, video, audio, picture { max-width: 100%; height: auto; }
/* ::: [ default display only ] ::: */
html, body {
	width:100%; min-width:100%;
	height:100%; max-height:100%;
	margin:0; padding:0; border:0;
	text-align:center;
}
body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:1em; /* Ideal: 16px */
	color:#333;
	overflow:hidden;
	background-color:#FFF;
}

/* ::: STRUCTURE RWD ::: */

.wrapper {
	width:100%; max-width:100%;
	height:100%;
	margin:0px;
	margin:0px auto 0px auto;
	overflow:auto;
}
.header {
	position:absolute;
	top:0px; left:0px;
	width:100%; max-width:100%;
	height:147px; max-height:147px;
	margin:0px auto 0px auto;
	background-color:#000;
	z-index:10;
}
.center {
	width:100%; max-width:1280px;
	min-height:70%;
	margin:147px auto 0px auto;
	vertical-align:top;
}
.footer {
	margin:0px auto 0px auto;
	padding:20px 0px 10px 0px;
	background-color:#000;
}

/* ::: STRUCTURE MODULE ::: */

.mod {
	width:100%; max-width:100%;
	margin:0px auto 0px auto;
}
.mod-nav {
	width:220px; max-width:220px;
	margin:0px;
	float:left;
	position:absolute;
	top:147px;
}
.mod-main {
	margin-left:220px;
	padding:15px 20px 0px 20px;
}

/* ::: [ Desktop (large) ] ::: */

@media (min-width: 1281px) {
	.header { height:147px; max-height:147px; }
	.center { margin-top:147px; }
	.mod-nav { top:147px; }*/
}

/* ::: [ Tablette paysage, Laptop, Desktop (small medium) ] ::: */
/*@media (min-width: 980px) and (max-width:1280px) { }*/
/* ::: [ Smartphone paysage, Tablette (Std portrait, Small paysage) ] ::: */
@media (min-width: 480px) and (max-width:959px) {
	body { overflow:auto; }
	.header { height:110px; max-height:110px; }
	.center { margin-top:111px; overflow:hidden; }
	.mod-nav { display:none; }
	.mod-main {
		width:96%;
		padding:0px 0px 0px 0px;
		margin:10px auto 0px auto;
	}
}

/* ::: [ Smartphone portrait ] ::: */
@media (max-width: 479px) {
	body { overflow:auto; }
	.header { height:80px; max-height:80px; }
	.center { margin-top:81px; overflow:hidden; }
	.mod-nav {
		display:none;
		width:100%; min-width:100%;
		min-height:59px;
		margin:0px; padding:0px;
		float:none;
		border-bottom:1px solid #CCC;
	}
	.mod-main {
		width:96%;
		padding:10px 0px 0px 0px;
		margin:0px auto 0px auto;
	}
}