@media screen and (min-width:1200px)
{
	.item div.relprotext {
		padding-left:50%;
	}

	html
	{
		background-image:url("../images/background.jpg");
		background-size:100% 500px;
	}
	
	body
	{
		width:1200px;
	}
	
	li:hover #subMenu
	{
		display:block;
	}
	
	section img:hover
	{
		-webkit-animation-name: img; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
		animation-name: img;
		animation-duration: 1s;
		width:200%;
	}
	
	section .relpro:hover
	{
		-webkit-animation-name: imgrel; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
		animation-name: imgrel;
		animation-duration: 1s;
		width:400%;
	}
	
	.itemPreview div
	{
		min-height:220px;
	}
}

@media screen and (max-width:1199px) {
	
	section {
		float:none;
		height: auto;
	}
}

@media screen and (min-width:751px)
{

	div.spacing
	{
		display:block;
	}
	
	li
	{
		float:left;
		width:20%;
		height:75px;
	}
	
	.lienGros
	{
		padding-top:10px;
	}
	
	.lienGros p
	{
		display:block;
	}
	
	#subMenu
	{
		position:relative;
	}
	
	a
	{
		cursor:pointer;
	}
}

@media screen and (min-width:751px) and (max-width:1199px)
{
	
	a div
	{
		height:auto;
	}
	
	.leftContent p:nth-of-type(2)
	{
		font-size:16px;
	}
	
	.rightContent
	{
		width:55%;
	}
	
	.rightContent label
	{
		font-size:16px;
	}
	
	#content
	{
		width:90%;
	}
	
	.item section
	{
		width:50%;
		height:auto;
	}
	
	.item div, .itemMod div
	{
		padding-left:9px;
	}
	
	section img:hover
	{
		-webkit-animation-name: img-tablet; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
		animation-name: img-tablet;
		animation-duration: 1s;
		width:195%;
	}
	
	.itemPreview
	{
		float:left;
		text-align:center;
		margin-bottom:10px;
		width:25%;
		background-image : url("../images/top-left.jpg"),url("../images/top-right.jpg"),url("../images/bottom-left.jpg"),url("../images/bottom-right.jpg"), url("../images/leftSide.jpg"), url("../images/rightSide.jpg"), url("../images/top.jpg"), url("../images/bottom.jpg");
		background-position : top left, top right, bottom left, bottom right, left, right, top, bottom;
		background-size : 10px 10px, 10px 10px, 10px 10px, 10px 10px, 10px 100%, 10px 100%, 100% 10px, 100% 10px;
		background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
		background-color:#777777;
	}

	.itemPreview img
	{
		width:85%;
		padding-top:15px;
	}

	.itemPreview p
	{
		padding-left:15px;
		padding-right:15px;
		font-size:13px;
	}
}

@media screen and (max-width:750px)
{	

	.relpro {
		width:90%;
	}

	header p
	{
		font-size:50px;
	}
	
	#GaiaTitle
	{
		padding-left : 90px;
		padding-bottom:10px;
	}

	li a
	{
		padding-top:10px;
		padding-bottom:10px;
	}
	
	nav li a div
	{
		padding-top:0px;
	}
	
	a div, .lienGros p
	{
		font-size:20px;
		height:auto;
	}
	
	#subMenu ul li
	{
		width:100%;
		height:auto;
		text-align:left;
	}
	
	.subLink div
	{
		padding-top:0px;
		text-align:left;
		padding-left:30px;
	}
	
	#content
	{
		width:95%;
		height:auto;
		min-height:250px;
	}
	
	.text
	{
		width:65%;
	}
	
	.text p
	{
		font-size:16px;
	}
	
	.alignRight
	{
		width:30%;
	}
	
	.smallText
	{
		font-size:14px;
	}
	
	.smallText span
	{
	display:block;
		font-size:8px;
	}
	
	#copyright
	{
		padding-top:30px;
		font-size:12px;
	}
	
	.item, .itemMod
	{
		padding:0px;
	}
	
	section
	{
		display:block;
		width:100%;
		text-align:center;
		height:auto;
	}
	
	section img
	{
		width:90%;
		margin-top:15px;
	}
	
	.item div, .itemMod div
	{
		padding:0px;
		padding-bottom:5px;
		width:90%;
		margin:auto;
	}
	
	.leftContent
	{
		float:none;
		width:100%;
		text-align:center;
	}
	
	.rightContent
	{
		float:none;
		width:100%;
	}
	
	.leftContent p:nth-of-type(2)
	{
		font-size:16px;
	}
	
	.rightContent label
	{
		font-size:16px;
	}
	
	#envoyerMail label
	{
		width:auto;
		min-width:90px;
	}
	
	#envoyerMail input, #envoyerMail textarea 
	{
		width: 72%;
	}
	
	.itemPreview
	{
		text-align:center;
		margin-bottom:10px;
		width:100%;
		background-color:#777777;
	}

	.itemPreview img
	{
		width:85%;
		padding-top:15px;
	}

	.itemPreview p
	{
		padding-left:15px;
		padding-right:15px;
		font-size:13px;
	}
    
    .liste-produits.flex .itemLink {
        width:100%;
    }
}

@media screen and (min-width:751px)and (max-width:1199px)
{
	.relpro {
		width:100%;
	}
}

@media screen and (min-width:1100px) and (max-width:1199px)
{
	.itemPreview
	{
		min-height:300px;
	}
	
	.itemPreview div
	{
		min-height:220px;
	}
}

@media screen and (min-width:900px) and (max-width:1099px)
{
	.itemPreview
	{
		min-height:230px;
	}
	
	.itemPreview div
	{
		min-height:200px;
	}
}

@media screen and (min-width:751px) and (max-width:899px)
{
	.itemPreview
	{
		min-height:250px;
	}
	
	.itemPreview div
	{
		min-height:175px;
	}
}

@keyframes img {
  0% {
    width:100%;
  }
  100% {
    width:200%;
  }
}

@keyframes imgrel {
  0% {
    width:200%;
  }
  100% {
    width:400%;
  }
}

@keyframes img-tablet {
  0% {
    width:100%;
  }
  100% {
    width:195%;
  }
}

@-webkit-keyframes img-tablet {
  0% {
    width:100%;
  }
  100% {
    width:195%;
  }
}