* {
	margin: 0;
	padding: 0;
}

.Separateur {
	clear: both;
}

.Cach{
    display: none;
}

#header {
	width: 963px;
	height: 354px;
	background: url(images/header.jpg) no-repeat;
	margin-top: 0;
}

#header a {
	width: 198px;
	height: 62px;
	display: block;
	float: left;
	margin-top: 290px;
}

#header a span {
	display: none;
}

#contain {
	display: table;
	height: 100%;
	background: url(images/bg-col-gauche.gif) repeat-y;
	width: 963px;
}

#menu {
	display: table-cell;
	height: 100%;
	width: 200px;
	float: left;
	padding: 0;
}
html>body #menu{
	float: none;
}

#menu a {
	width: 198px;
	height: 36px;
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#menu a span {
	display: none;
}

#menu a.MenuLiner {
	background: url(images/menu-liner.gif) no-repeat;
}

#menu a.MenuSavoir {
	background: url(images/menu-savoir-faire.gif) no-repeat;
}

#menu a.MenuTarifs {
	background: url(images/menu-tarifs.gif) no-repeat;
}

#menu a.MenuPerso {
	background: url(images/menu-personalisation.gif) no-repeat;
	height: 45px;
}

#menu a.MenuCadeaux {
	background: url(images/menu-cadeaux.gif) no-repeat;
}

#menu a.MenuService {
	background: url(images/menu-service.gif) no-repeat;
}

#menu a.MenuContact {
	background: url(images/menu-contact.gif) no-repeat;
}

#menu a.MenuNewSite {
	background: url(images/menu-newsite.gif) no-repeat;
}

#centre {
	display: table-cell;
	height: 100%;
	width: 740px;
	text-align: center;
}

#centre h1 {
	text-align: center;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
}

#centre h2 {
	text-align: center;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

#centre p {
	text-align: justify;
	margin-bottom: 20px;
}

#centre img.gauche {
	float: left;
	margin: 5px;
}

#footer {
	clear: both;
	width: 963px;
	height: 117px;
	background: url(images/menu-bas.gif) no-repeat;
}

#footer a.Artefact {
	width: 123px;
	height: 20px;
	display:  block;
	background: url(images/signature-artefact.gif) no-repeat;
	float: left;
	margin: 96px 0 0 417px;
}

html>body #footer a.Artefact {
	width: 123px;
	height: 20px;
	display:  block;
	background: url(images/signature-artefact.gif) no-repeat;
	float: left;
	margin: 96px 0 0 835px;
}

#footer a.Artefact span {
	display:  none;
}

.milieu {
	text-align: center;
}

img {
	border: none;
}

.Tarif {
	font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
	margin: 20px;
}

.Tarif tr {
	height: 20px;
}

.Tarif th {
}

.Tarif td {
	width: 100px;
}

.coul1 {
	background: #c0d8ff;
}

.coul2 {
	background: #c3b3ff;
}

#Prix {
	background: #fff45e;
	color: #ff0000;
	font: bold 20px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 2px solid #ff0000;
	margin: 10px 100px;
}

#devis {
	margin: auto;
	font: 12px Arial, Helvetica, sans-serif;
	border-spacing: 0px 0px;
}

#devis td.colgauche {
	text-align: right;
	margin-top: 10px;
	padding: 15px;
}

#devis td.colgauche1 {
	text-align: right;
	margin-top: 10px;
	padding: 5px 15px;
}

#devis td.coldroite {
	text-align: left;
	padding: 15px;
}

#devis td.coldroite1 {
	text-align: left;
	padding: 5px 15px;
}

#devis input {
	border: 1px solid #5256ae;
	margin-right: 5px;
}

#devis input.nobord {
	border-style: none;
}

#devis input.court {

	width: 50px;
}

#devis tr.ligne1 {
	background: #d6d6ff;
}

#devis tr.ligne2 {
	background: #a0a6ff;
}

#InfoPopup {
	position: absolute;
	top: 550px;
	left: 400px;
	width: 400px;
	height: 250px;
	padding: 5px;
	background: #a6d6ff;
	border: 1px solid #1c3091;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}