a#labellisation {
	margin-top: 100px;
    margin-left: 15px;
}
HTML {
	height: 100%;
}
BODY {
	font-size: 12px;
	margin:0px;
	padding:0px;
	font-family: Geneva, sans-serif;
	background-color:silver;
	height: 100%;
}
#main {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
}
#banner {
	position: absolute;
	padding: 0px;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 300px;
	text-align: center;
	background-color:green;
}
#bas {
	position: absolute;
	top: 300px;
	width: 700px;
	background-color:silver;
	margin-left: -350px;
	left: 50%;
}
#menu {
	position:absolute;
	float: left;
	font-size: 14px;
	width: 160px;
	left:700px;
}
#contents {
	font-size: 1.2em;
	font-family: Verdana;
	color: #000000;
	background-color: #FFFFFF;
	position: relative;
	width:659px;
	left:1px;
	padding: 20px;
}
#footer {
	position: relative;
	top: 30px;
	height: 0px;
	font-size:10px;
	width: 100%;
	text-align: center;
	color: black;
}
A.pied:link, A.pied:visited {
	color: black;
	text-decoration: none;
}
A.pied:hover {
	text-decoration:underline;
}
#menu .menuOn{
	background-color: white;
	color:green;
}
#menu UL {
	list-style:none;
	padding-left: 0px;
	margin-left: 0px;
	font-size: 14px;
	background-color:green;
}
#menu A{
	text-decoration: none;
	color: white;
	display: inline-block;
	height: 100%;
	width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#menu a:hover{
	text-decoration: none;
	color: black;
	padding-left: 40px;
}
#menu .menuOn A{
	color: green;
}
#menu UL LI{
	font-family: Geneva, Arial, sans-serif;
	font-size:14px;
	float: left;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0px;
	height: 26px;
	width: 142px;
	padding-top: 10px;
	padding-left: 5px;
	background-color: green;
	text-align: left;
	text-transform: uppercase;
	border-top:1px solid silver;
}
.bloctable {
	border: none;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
.bloctable TD { 
	padding: 4px; 
}
.bloctablemiddlecentercell P {
	margin-left: 5px;
	margin-right: 5px;
	text-align: justify;
	margin-top: 10px;
}
.galerietable {
	position:relative;
	border-spacing: 0px;
	background-color:#ECECEC;
	border-collapse: collapse;
	width: 420px;
	margin-left:110px;
}
.galerieheader {
	width: 293px;
	text-align: center;
}
.galeriecenter {
	text-align: center;
	vertical-align: middle;
}
.galerieprevious {
	width: 20px;
	vertical-align: middle;
	text-align: center;
}
.galerienext {
	width: 20px;
	vertical-align: middle;
	text-align: center;
}
.galerietop {
	height: 50px;
	vertical-align: middle;
	text-align: center;
}
.galerievignettes { 
	text-align: center; 
}
.galerievignette {
	max-height: 39px;
	border: none;
}
.galerievignettelien {
	float: left;
	display: block;
	width: 52px;
	height: 39px;
	margin: 2px;
	border: 1px solid #909293;
}
.galerievignettelienselected {
	float: left;
	display: block;
	width: 52px;
	height: 39px;
	margin: 1px;
	border: 2px solid black;
}
.galeriebottom { 
	height: 50px; 
}
.vitrinetable {
	border-spacing: 0px;
	background-color:#ECECEC;
	border-collapse: collapse;
	width: 433px;
	height: 280px;
}
.vitrinevignette {
	max-height: 39px;
	border: none;
}
.vitrinevignettelien {
	float: left;
	display: block;
	width: 52px;
	height: 39px;
	margin: 2px;
	border: 1px solid #909293;
	margin-left: 14px;
}
.vitrinevignettelienselected {
	float: left;
	display: block;
	width: 52px;
	height: 39px;
	margin: 1px;
	border: 2px solid black;
	margin-left: 13px;
}
.vitrinevignettes {
	text-align: center;
	width: 85px;
}
.image {
	width:350px; 
}
H1 {
	font-size: 2em;
	color: green;
	padding: 0px;
	margin-top: 5px;
	text-align: left;
}
P {
	padding-top: 0px;
	margin-top: 0px;
}
.contacttable TD { 
	padding:0px;
}
.contactnom, .contactprenom { 
	width: 95px; 
}
.contacttelephone, .contactsociete, .contactmail{ 
	width: 200px; 
}
.contactmessage {
	width: 200px;
	height: 100px;
}
.tarifs {
	border: none;
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
}
.tarifs TD {
	padding: 2px;
	text-align: left;
}
body.mceContentBody {
	font-size: 12px;
	font-family: Verdana;
	color: #000000;
	background: none;
	background-color: #FFFFFF;
	padding: 20px;
	padding-top: 0px;
	width:360px;
	text-align: justify;
}
.mceContentBody H1 {
	font-size: 24px;
	color: #e2017b;
	padding: 0px;
	margin-top: 5px;
	text-align: left;
}
.mceContentBody P {
	margin-left: 5px;
	margin-right: 5px;
}

.dropshadow{
	box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.80);
	-moz-box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.80);
	-webkit-box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.80);
}

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

	a#labellisation img { width: 80px; }
	a#labellisation {
		position: absolute;
	    width: 80px;
	    z-index: 1000;
	    top: -30px;
	    left: 30px;
	    margin: 0;
    }

	*:not(.gv_galleryWrap) { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#main {
		position: relative !important;
	}

	#banner {
		position: relative !important;
		height: auto !important;
	}
	
	#banner EMBED, #banner OBJECT { display: none; }
	#banner IMG { width: 100% !important; }

	#bas {
		position: relative !important;
		top: 0px !important;
		width: 100% !important;
		margin-left: 0px !important;
		left: 0px !important;
	} 

	#menu {
		position: relative !important;
		margin-top: 0px !important;
		width: 100% !important;
		float: none !important;
		left: 0px !important;
	}
	#menu UL LI {
		display: none !important; float: none !important;
		width: 100% !important; text-align: center !important;
		margin-bottom: 0px !important; padding: 0px !important;
		border-bottom: 1px solid white !important;
	}
	#menu UL LI.menuOn {
		display: block !important; height: auto !important;
	}
	#menu.hover UL LI { display: block !important;  height: auto !important; }
	#menu UL LI A { display: block !important; width: 100% !important; padding: 7px !important; }
	
	#menuicon {
		position: absolute;
		z-index: 10; top: 0px; left: 5px; width: 16px; height: 100%; 
		display: block !important;
		background-image: url("http://enpc.ariva.fr/images/menu.png");
		background-repeat: no-repeat;
		background-position: left center;
		cursor: pointer;
	}

	#contents {
		padding: 0px !important;
		margin: 0px !important;
		width: 100% !important;
	}
	.bloc { width: 90% !important; margin: 0px auto !important; }
	.bloc IMG:not(.fotorama *) { max-width: 100% !important; height: auto !important; }
	.bloc IFRAME { max-width: 100% !important; }
	.bloc P, .bloc DIV:not(.fotorama *) { max-width: 100% !important; width: auto !important; }
	
	.bloc TABLE { width: auto !important; height: auto !important; }
	.bloc TABLE.galerietable { margin-left: 0px !important; }
	.bloc TD { height: auto !important; width: auto !important; }
	
	PRE { white-space: normal !important; }
	
	#footer {
		top: 36px !important;
		width: 100% !important; margin-left: 0px !important; padding: 10px 20px 20px 20px !important;
	}

	#galery{
		width: 100% !important;
	}

	table.bloctable{ display: block; }
	table.bloctable tbody{ display: block; }
	table.bloctable tbody .bloctablemiddlerow{ display: block; }
	table.bloctable tbody .bloctablemiddlerow .bloctablemiddlecentercell{ display: block; }
}

@media screen and (max-width: 560px) {
	/*.bloc TD:nth-child(2) > P > A > IMG { display: none; }*/
	.bloctablemiddlecentercell > TABLE > TBODY > TR > TD { display: block !important; margin: 0px auto !important; width: 100% !important; }
}