/* -----------------------------------
layout
----------------------------------- */
.logo
{
	max-width: 1000px;
	height: auto;
	display: block;
	margin: 0 auto; 
}
.row
{			/*définit la ligne*/
	clear: left;
	overflow: hidden;
	/*zoom: 1;*/
	_overflow: visible;
	padding: 2% 0;
}
.w235 {		/*définit la taille max des vignettes*/
	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);}	/*ce container est la zone de contenu*/
article {margin: 0 2% 2% 2%;}
aside {margin: 0 2% 2% 2%;}
.w-4col,.w-3col,.w-2col,.w-1col,.m-2col,.m-1col    /*définit les colonnes*/
{
	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;
		
	}
	article {width: 68%;float:right;}
	aside {width: 24%;float: left;}
	.w235 {float: left; width: 99%;}
	.w-4col,.w-3col,.w-2col,.w-1col
	{
		float: left;
		margin-right: 1em;
	}
	.w-4col {width: 25%;}
	.w-3col {width: 30%;}
	.w-2col {width: 48.8%;}
	.w-1col {width: 98%;}
	.w-4col,.w-last {margin-right: 0;}
	footer {background-color: rgba(27, 4, 12, 0.8);}	
	#annonce a {font-size: 1.5em; font-family: Kepler; text-decoration: none;}
}

/* -----------------------------------
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;}
	aside {border-top: 2px solid #fcdbe2;}
	.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);}	
	.aggImg img:hover {width: 250px; height: 160px;}
	
	#annonce a {font-size: 1em; font-family: Kepler; text-decoration: none; margin-bottom: 2em;}
}
/*------------------------------------------
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;}
	aside {border-top: 2px solid #fcdbe2;}
	.w-4col {margin: 0 2%;}
	.aggImg img:hover {width: 250px; height: 160px;}
	#annonce {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 80%;
	height: 80%;
	/*color: white;
	background: url('../images/annonce.jpg') no-repeat bottom;
	text-align: center;
	padding: 2em;*/
	z-index: 100;
	}
	#annonce a {font-size: 2em; font-family: Kepler; text-decoration: none;}
}
/*------------------------------------------
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;}
	aside {display: none;}
	figure {display: none;}
	article {width: 94%; margin: auto;}
	.w-4col {margin: 0 2%;}
	.aggImg img:hover {width: 250px; height: 160px;}
	#annonce {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	/*color: white;
	background: url('../images/annonce.jpg') no-repeat bottom;
	text-align: center;
	padding: 2em;*/
	z-index: 100;
	}
	#annonce a {font-size: 2em; font-family: Kepler; text-decoration: none;}
}
/*------------------------------------------
iPhone
------------------------------------------*/
@media (max-width: 350px)
{
	body {background: #981351;}
	header {background: url(../images/background600.jpg) no-repeat;}
	.content {margin: 0 2%; background-color: #fff;}
	aside {display: none;}
	figure {display: none;}
	article {width: 94%; margin: auto;}
	.w-4col {margin: 0 2%;}
	.aggImg img  {width: 200px; height: 104px;}
	.aggImg img:hover {width: 200px; height: 104px;}
	#annonce {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	/*color: white;
	background: url('../images/annonce.jpg') no-repeat bottom;
	text-align: center;
	padding: 2em;*/
	z-index: 100;
	}
	#annonce a {font-size: 2em; font-family: Kepler; text-decoration: none;}
}