@media (min-width: 800px) {

.no-full{
display: none;
}


.centrage-full{
text-align: center;
}


body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/fond.jpg);
}
#fond {
	background-image: url(images/back.png);
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 0;
}
#popup {
	width: 370px;
	background-color: white;
	padding: 0 20px 20px;
	height: auto;
	z-index: 9;
	position: fixed;
	display: none;
	top: 200px;
	right: 0px;
	left: 0;
	margin: 0 auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 4px blue solid;
/*border: 4px #48312B solid;*/
	font-size:12px;
	text-align:justify;
}
#close {
	width: 30px;
	height: 30px;
	position: absolute;
	top: -15px;
	right: -15px;
	background-color: blue;/* #000 la croix*/
	color: white;
	line-height: 30px;
	text-align: center;
	font-size: 20px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	cursor:default;
}
#close:hover{ background-color:#F60}
}

/* mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob mob */
@media (max-width:799px) {

.no-mob{
display: none;
}


/*textarea { width: 100%; margin: 0; padding: 0;  border: 1px solid;  border-width: 1; }*/

textarea {  width: 100%; margin: 0; padding: 0;  border: 1px solid;  border-width: 1;}

body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/fond.jpg);
}
#fond {
	background-image: url(images/back.png);
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 0;
}
#popup {
	width: 290px;
	background-color: white;
	padding: 0 20px 20px;
	height: auto;
	z-index: 9;
	position: fixed;
	display: none;
	top: 15px;
	right: 0px;
	left: 0;
	margin: 0 auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 4px blue solid;
/*border: 4px #48312B solid;*/
	font-size:10px;
	/*text-align:justify;*/
}
#close {
	width: 30px;
	height: 30px;
	position: absolute;
	top: -15px;
	right: -15px;
	background-color: blue;/* #000 la croix*/
	color: white;
	line-height: 0px;
	text-align: center;
	font-size: 16px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	cursor:default;
}
#close:hover{ background-color:#F60}
}