@media screen and (max-device-width:768px)
{
	/*------------------COOKIE-----------------*/
		.infoCookie{
		position: relative;
		background-color : rgba(0,0,0,1);
		width: 100%;
		right: 0;
		top:0;
		bottom:auto;
	}
	.infoCookie input{
		position: relative;
	}
	.infoCookie:hover{
		position: fixed;
		height:50%;
		font-size: 250%;
	}
	.infoCookie:hover input{
		width: 50%;
		font-size: 80%;
		margin-bottom:30px;
	}
	/*------------------BODY----------------------------------*/
	body {
		width : 100%;
	}
	.bgimg{
		display:initial;
		position: fixed; right: 0; bottom: 0;
		min-width: 100%; min-height: 100%;
		width: 100%; height: 100%;
		z-index: -100;
		background-size: cover;
	}
	.bgvid{
		display:none;
	}
	/*------------------HEADER-------------------------------*/
	header img {
		width : 100%;
	}
	/*------------------SITES-------------------------------*/
	.sites a{
		font-size: 350%;
		font-style:italic;
		font-weight:bold;
	}
	.sites h2{
		display : block;
		margin-top : 20px;
		min-width:300px;
		width : 100%;
	}
	.canti img, .chx img{
		margin-top:20px;
		height:400px;
	}
	.canti{
		margin-left:auto;
		margin-right:auto;
	}
	.chx{
		margin-left:auto;
		margin-right:auto;
	}
	.canti a{
		color:black;
		font-style:italic;
	}
	.chx a{
		color:black;
		font-style:italic;
	}
	/*--------------------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:50px;
		margin-top: 20px;
		font-size: 100%;
	}
	.connectForm textarea{
		text-align:left;
		width:100%;
		height:150px;
		font-size: 100%;
	}
	/*--------------------LABO----------------------------*/
	.labo .infoCookie{
		display:none;
	}
	.labo .main_page{
		font-size:300%;
	}
	/*--------------------BLOG----------------------------*/
	#blogPage {
		height : 1000px;
		width : 100%;
		overflow : auto;
		margin-bottom : 30px;
		padding-top : 10px;
		padding-left : 5px;
		box-shadow : none;
	}
	article {
		overflow : hidden;
		width : 90%;
		height : 500px;
		font-size:40px;
		text-align : left;
		border : 5px solid rgb(63,63,63);
		border-radius:20px;
		margin-top:10px;
		margin-bottom:10px;
	}
	.boutonFermer{
		display:none;
	}
	section {
		background-color: rgba(245,245,220,0.8);
	}
	/*------------------FOOTER----------*/
	footer {
		position: initial;
	}
	/*------- footer Social link ------*/
	.socialLink{
		min-width:350px;
		width:100%;
		left:auto;right:auto;
		text-align:center;
	}
	#fb, #tw, #gl, #ln, #sk, #qwt{
		height : 150px;
		border-radius: 25px;
		
		transition : border-radius 0.25s ease-in;
		-webkit-transition : border-radius 0.25s ease-in;
	}
	#fb:hover, #tw:hover, #gl:hover, #ln:hover, #sk:hover, #qwt:hover {
		border-radius: 0px;
	}
}