/* -----------------------------------
layout
----------------------------------- */
.logo
{
	max-width: 1000px;
	height: auto;
	display: block;
	margin: 0 auto; 
}
.row
{
	clear: left;
	overflow: hidden;
	zoom: 1;
	_overflow: visible;
	padding: 2% 0;
	color: grey;
}
.w235 {
	max-width: 150px;
	max-height: 250px;
	text-align: center;
	overflow: hidden;
	margin:0 auto;
	padding: 1%;
	border: 1px solid silver;	
}
.rowGallery
{
	clear: left;
	overflow: hidden;
	zoom: 1;
	_overflow: visible;
	width: 96%;
	margin: 0 auto;
	border: 1px solid lightgray;
}
.content {background-color: rgba(255, 255, 255, 0.9);}
article {margin: 0 2% 2% 2%;}
aside {margin: 0 2% 2% 2%;}
.w-4col,.w-3col,.w-2col,.w-1col,.m-2col,.m-1col
{
	padding: 10px 0;
	margin-bottom: 1em;
}

/* -----------------------------------
wide
----------------------------------- */
@media (min-width: 800px)
{
	body {
	margin:0;
	padding:0;
	background: url(../images/background2000.jpg) no-repeat center fixed; 
	-webkit-background-size: cover; /* Chrome et Safari */
	-moz-background-size: cover; /* Firefox */
	-o-background-size: cover; /* Opera */
	background-size: cover; /* version standardisée */
}
	.tMax
	{
		max-width: 1000px;
		margin: 0 auto;
	}
	.content
	{
		max-width: 1000px;
		margin: 0 auto;
	}
	.w235 {float: left; width: 99%;}
	.w-4col,.w-3col,.w-2col,.w-1col
	{
		float: left;
		margin-right: 1em;
	}
	.w-4col {width: 15%; margin: 0 8% auto;}
	.w-3col {width: 30%;}
	.w-2col {width: 48.8%;}
	.w-1col {width: 23.5%;}
	.w-4col,.w-last {margin-right: 0;}
	footer {background-color: rgba(27, 4, 12, 0.8);}	
	article {margin: 0 2% 2% 2%;}
}

/* -----------------------------------
medium
----------------------------------- */
@media (min-width: 600px) and (max-width: 799px)
{
	body {background: #981351;}
	header {background: url(../images/background600_800.jpg) no-repeat;}
	.content {margin:0 2%; background-color: #fff;}
	.m-2col,.m-1col{float: left; margin-right: 4%;}
	.m-2col { width: 50%; }
	.m-1col { width: 100%; }
	.m-2col,.m-last,.w-last { margin-right: 0; }
	footer {background-color: rgba(27, 4, 12, 0.7);}	
}
/*------------------------------------------
narrow medium
------------------------------------------*/
@media (min-width: 451px) and (max-width: 599px)
{
	body {background: #981351;}
	header {background: url(../images/background600.jpg) no-repeat;}
	.content {margin: 0 2%; background-color: #fff;}
	.fond {text-align: center;}
	.w-4col {margin: 0 2%;}
}
/*------------------------------------------
narrow
------------------------------------------*/
@media (min-width: 351px) and (max-width: 450px)
{
	body {background: #981351;}
	header {background: url(../images/background600.jpg) no-repeat;}
	.content {margin: 0 2%; background-color: #fff;}
	.fond {text-align: center;}
	.w-4col {margin: 0 2%;}
	.aggImg img:hover {width: 250px; height: 160px;}
}
/*------------------------------------------
iPhone
------------------------------------------*/
@media (max-width: 350px)
{
	body {background: #981351;}
	header {background: url(../images/background600.jpg) no-repeat;}
	.content {margin: 0 2%; background-color: #fff;}
	.fond {text-align: center;}
	.w-4col {margin: 0 2%;}
	.aggImg img  {width: 200px; height: 104px;}
	.aggImg img:hover {width: 200px; height: 104px;}
}