@media screen and (max-device-width:768px)
{
	/*------------------COOKIE-----------------*/
		.infoCookie{
		position: static;
		opacity:0.5;
		background-color : rgba(0,0,0,1);
		width: 100%;
		right: 0;
		top:0;
		font-size: 150%;
	}
	.infoCookie input{
		position: relative;
	}
	.infoCookie:hover{
		position: fixed;
		height:50%;
		font-size: 250%;
	}
	.infoCookie:hover input{
		width: 100%;
		font-size: 150%;
		margin-bottom:30px;
	}
	/*------------------BODY----------------------------------*/
	body {
		width : 100%;
		background-color:rgba(255,92,92,1);
		background-image: none;
	}
	/*------------------HEADER-------------------------------*/
	.Principale{
		position:initial;
		width : 100%;
	}
	/*------------------SITES-------------------------------*/
	.page img{
		position:initial;
		display: inline;
		width:20%
	}
	.page .slogant{
		display: block;
		z-index:10;
		position:initial;
		left:10%;right:10%;
		top:250px;
		font-size:60px;
		font-weight:bold;
		font-style:italic;
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	/*--------------------CONTACT----------------------------*/
	.contact{
		font-size: 300%;
	}
	.contact:hover informationContact{
		box-shadow: 10px 10px 5px black;
		border:grey solid 1px;
		border-radius:20px;
		background-color: rgba(245,245,220,0.8);
	}
	.contact input{
		width:50%;
		height:100px;
		margin-top: 20px;
		font-size: 100%;
	}
	.connectForm textarea{
		text-align:left;
		width:100%;
		height:150px;
		font-size: 100%;
	}
	/*------------------FOOTER----------*/
	footer {
		position:Initial;
	}
}