body {
	margin: 0;
	padding: 0;
	background: #665E6F;
	font: 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}
div#container {
	border: 2px solid #660066;
	margin: 13px auto;
	width: 760px;
	background: url(../images/commun/atelier_mire_vert.gif) no-repeat bottom right;
	text-align: left;
	position: relative;
}
/*			divers	
------------------------------------------------------------------------------------------------- */
hr.spacer {
	clear: both;
	margin: 0;
	padding: 0;
	height: 1px;
	visibility: hidden;
	_margin: -7px 0;
}
p.nav {
	margin: 0 0 10px 130px;
	padding: 0;
}
p.nav a, p.nav a:link, p.nav a:active, p.nav a:visited {
	color: white;
	text-decoration: underline;
}
p.nav a:hover {
	text-decoration: none;
}
/*		footer	
------------------------------------------------------------------------------------------------- */
div#footerTest {
	margin: 8px 0 0 637px;
}
div#footerTest p {
	margin: 4px 0;
	padding: 0;
}
div#footer {
	margin: 8px 9px 0 200px;
	text-align: right;
}
div#footer p {
	margin: 4px 0;
	padding: 0;
}
div#footer img {
	border: 0;
}
		/*			footer web et print & infos legales
		------------------------------------------------------------- */
div#footerWP {
	text-align: left;
}
p#infoslegales, p#wpDesign {
	margin: 0;
	padding: 0;
}
p#wpDesign img {
	border: none;
}
p#infoslegales {
	padding-left: 5px;
	font-size: 0.75em;
	font-weight: 500;
}
p#infoslegales a, p#infoslegales a:link, p#infoslegales a:active, p#infoslegales a:visited {
	color: white;
	text-decoration: underline;
}
p#infoslegales a:hover {
	text-decoration: none;
}
/*			menu gauche
------------------------------------------------------------------------------------------------- */  
div#menuLeft {
	width: 200px;
	float: left;
}
h1#logo {
	margin: 0 0 20px;
	text-align: right;
}
h1#logo img {
	border: 0;
	width: 120px;
	height: 121px;
}
		/*		titres du menu
		------------------------------------------------------------- */
div#menu {
	text-align: right;
}
#menu div {
	margin-bottom: 10px;
}
div#menu h3 {
	margin: 5px 0;
	padding-right: 3px;
	color: white;
	font-size: 1em;
}
#menu h3 a, #menu h3 a:link, #menu h3 a:active, #menu h3 a:visited, #menu h3 a:hover {
	color: white;
	text-decoration: none;
}
		/*		titres du menu suivant rubrique	
		------------------------------------------------------------- */
.atelier h3 {
	background: #9966FF;
}
.deco h3 {
	background: #99CC66;
}
.savoir h3 {
	background: #CC0066;
}
.rea h3 {
	background: #FF9900;
}
.galerie h3 {
	background: magenta;
}
		/*			sous menu
		------------------------------------------------------------- */	
div#menu ul {
	margin: 0;
	padding: 0 0 15px;
}
div#menu li {
	margin: 0;
	padding: 0 4px 0 0;
	list-style: none;
	font-size: 0.75em;
	font-weight: bold;
}
		/*		titres des sous menus suivant rubrique	
		------------------------------------------------------------- */
.atelier li {
	border-bottom: 4px solid #9966FF;
	color: #9966FF;
}
.deco li {
	border-bottom: 4px solid #99CC66;
	color: #99CC66;
}
.savoir li {
	border-bottom: 4px solid #CC0066;
	color: #CC0066;
}
.rea li {
	border-bottom: 4px solid #FF9900;
	color: #FF9900;
}
.galerie li {
	border-bottom: 4px solid magenta;
	color: magenta;
}
.atelier a, .atelier a:link, .atelier a:active, .atelier a:visited, .atelier a:hover {
	color: #9966FF;
	text-decoration: none;
}
.deco a, .deco a:link, .deco a:active, .deco a:visited, .deco a:hover {
	color: #99CC66;
	text-decoration: none;
}
.savoir a, .savoir a:link, .savoir a:active, .savoir a:visited, .savoir a:hover {
	color: #ff99cc;
	text-decoration: none;
}
.rea a, .rea a:link, .rea a:active, .rea a:visited, .rea a:hover {
	color: #FF9900;
	text-decoration: none;
}
.galerie a, .galerie a:link, .galerie a:active, .galerie a:visited, .galerie a:hover {
	color: magenta;
	text-decoration: none;
}
#currentpage a, #currentpage a:link, #currentpage a:active, #currentpage a:visited, #currentpage a:hover {
	color: white;
	text-decoration: none;
}
/*			contenu
------------------------------------------------------------------------------------------------- */
		/*			 header
		------------------------------------------------------------- */
div#header {
	border: 1px solid transparent;
	background: url(../images/commun/mire_hor.jpg) no-repeat top right;
	height: 75px;
	_border: none;
}
div#header h2 {
	margin: 35px 0 10px 80px;
	padding: 0 5px 0;
	width: 230px;
	border: 1px solid #660066;
	color: white;
	font-size: 0.8em;
	text-align: right;
}
		/*			content
		------------------------------------------------------------- */
div#content {
	margin-left: 210px;
	padding-right: 25px;
}
div#content h3 {
	margin: 0 0 20px 0;
	padding: 0;
}
div#content p {
	color: white;
	font-size: 0.75em;
}
/*				rubrique generique
------------------------------------------------------------------------------------------------- */
div#content h3.desc {
	color: white;
	font-size: 0.8em;
}
div#rubVignette {
	width: 120px;
	padding: 2px 0;
	float: left;
}
div#rubVignette ul {
	margin: 0;
	padding: 0;
}
div#rubVignette li {
	margin: 8px auto;
	padding: 0;
	border: 1px solid #660066;
	width: 104px;
	list-style: none;
	height: 94px;
}
div#rubVignette img {
	border: 2px solid white;
}
div#rubImage {
	margin: 50px 10px 0 150px;
}
div#rubImage p.out img {
	padding: 2px;
	border: 2px solid #665E6F;
}
div#rubImage p.on img {
	padding: 2px;
	border: 2px solid #660066;
	background: white;
}
div#rubDesc {
	color: white;
	font-size: 0.85em;
}
		/*			savoir faire
		------------------------------------------------------------- */
div#rub.savoir {
	border: 1px solid #CC0066;
}
h2.savoir {
	background: url(../images/commun/savoir_bg_titre.jpg) repeat-y top left;
}
		/*			  realisations
		------------------------------------------------------------- */
div#rub.rea {
	border: 1px solid #FF9900;
}
h2.rea {
	background: url(../images/commun/rea_bg_titre.jpg) repeat-y top left;
}
/*			contenu atelier
------------------------------------------------------------------------------------------------- */
h2.atelier {
	margin: 35px 0 10px 80px;
	padding: 0 5px 0;
	width: 230px;
	border: 1px solid #660066;
	color: white;
	background: url(../images/commun/atelier_bg_titre.jpg) repeat-y top left;
	font-size: 0.8em;
	text-align: right;
}
h3.atelier {
	margin: 0;
	padding: 0;
	color: white;
	font-size: 0.8em;
}
h4.atelier {
	padding-left: 30px;
	color: #9966FF;
	background: url(../images/commun/atelier_puce.gif) no-repeat bottom left;
}
h3.atelierCenterColor {
	color: #9966FF;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}
		/*			contenu atelier => les artistes
		------------------------------------------------------------- */
div#artisteContent {
	margin-left: 210px;
	background: url(../images/commun/atelier_bg.jpg) repeat-y right;
}
div#artisteHeader {
	background: url(../images/commun/atelier_bg.jpg) repeat-y right;
}
div#artisteHeaderFils {
	border: 1px solid transparent;
	background: url(../images/commun/atelier_mire_hor.jpg) no-repeat top right;
	height: 75px;
	_border: none;
}
div#artiste {
	float: left;
	width: 380px;
}
div#artiste p {
	color: white;
	font-size: 0.75em;
}
div#artisteRight {
	margin-left: 390px;
	padding: 0px 0 0 20px;
	background: url(../images/commun/atelier_mire_vert.gif) no-repeat bottom right;
}
div#artisteRight p {
	margin: 0;
	padding: 0;
}
div#artisteRight img {
	padding: 2px;
	border: 1px solid #660066;
}
div#artisteFooter {
	position: absolute;
	bottom: 0;
	right: 10px;
}
div#artisteFooter p {
	margin: 2px 0;
	padding: 0;
}
div#artisteFooter img {
	border: 0;
}
		/*		contenu atelier => prestations	
		------------------------------------------------------------- */
.div#artiste a, div#artiste a:link, div#artiste a:active, div#artiste a:visited {
	color: white;
	text-decoration: underline;
}
div#artiste a:hover {
	text-decoration: none;
}
p.atelier a, p.atelier a:link, p.atelier a:active, p.atelier a:visited {
	color: #9966FF;
	text-decoration: underline;
}
p.atelier a:hover {
	text-decoration: none;
}
/*			contenu esprit deco
------------------------------------------------------------------------------------------------- */
h2.deco {
	margin: 35px 0 10px 80px;
	padding: 0 5px 0;
	width: 230px;
	border: 1px solid #660066;
	color: white;
	background: url(../images/commun/deco_bg_titre.jpg) repeat-y top left;
	font-size: 0.8em;
	text-align: right;
}
h3.deco {
	margin: 0;
	padding: 0;
	color: white;
	font-size: 0.8em;
}
h4.deco {
	padding-left: 30px;
	color: #99CC66;
	background: url(../images/commun/atelier_puce.gif) no-repeat bottom left;
}
div#decoPhoto {
	margin-right: 10px;
	padding-bottom: 25px;
	background: url(../images/commun/deco_bg_photo.jpg) repeat-y top right;
}
h3.decoCenterColor {
	color: #99CC66;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}
h3.decoColor {
	color: #99CC66;
	font-size: 1.2em;
	font-weight: bold;
}
h4.decoColor {
	margin: 5px 0 10px 0;
	color: white;
	font-size: 1em;
	font-weight: bold;
}
p.deco {
	margin-right: 50px;
}
div#decoPhoto ul {
	margin: 0;
	padding: 0;
}
div#decoPhoto li {
	margin: 2px 0;
	list-style: none;
	color: white;
	font-size: 0.75em;
}
div#decoPhoto div {
	width: 220px;
	float: left;
}
p#photoDeco {
	margin-left: 230px;
}
p#photoDeco img {
	border: 1px solid #660066;
}
		/*			contenu esprit deco => interieur a votre image
		------------------------------------------------------------- */
h3.interieur {
	color: #99CC66;
	font-size: 0.9em;
	text-align: center;
}
div#interieur {
	position: relative;
}
div#interieurListe {
	border: 1px solid #99CC66;
	margin-right: 250px;
}
div#interieurListe ul {
	margin: 0;
	padding: 10px 5px;
}
div#interieurListe li {
	margin: 0;
	padding: 0 0 0 15px;
	list-style: none;
	color: white;
	background: url(../images/commun/puce_verte.gif) no-repeat 0 6px;
	font-size: 0.8em;
	font-weight: bold;
}
div#interieurTexte {
	width: 190px;
	border: 1px solid #99CC66;
	padding: 10px;
	background: url(../images/commun/interieur_bg_text.jpg) repeat-y left top;
	position: absolute;
	top: 60px;
	right: 25px;
}
div#interieurTexte p {
	color: white;
	font-weight: bold;
	font-size: 0.8em;
}
div#interieurListe2 {
	margin: 35px 250px 10px 0;
}
div#interieurListe2 ul {
	margin: 0;
	padding: 0;
}
div#interieurListe2 li {
	margin: 0;
	padding: 0 0 0 15px;
	list-style: none;
	background: url(../images/commun/puce_verte.gif) no-repeat 0 6px;
	color: #99CC66;
	font-weight: bold;
	font-size: 0.8em;
}
div#interieurListe2 p {
	margin: 0 0 5px 18px;
	padding: 0;
	color: #99CC66;
	font-weight: bold;
	font-size: 0.75em;
}
		/*			contenu esprit deco => metamorphose d'un lieu
		------------------------------------------------------------- */
div#decoImage {
	width: 180px;
	border: 1px solid #99CC66;
	padding: 2px 0;
	float: left;
}
div#decoImage ul {
	margin: 0;
	padding: 0;
}
div#decoImage li {
	margin: 8px auto;
	padding: 0;
	border: 1px solid #660066;
	width: 124px;
	list-style: none;
	height: 164px;
}
div#decoImage img {
	border: 2px solid white;
}
div#decoDetail {
	margin-left: 200px;
	margin-right: 10px;
}
h3.decoDesc {
	margin: 10px 0;
	padding: 0;
	color: white;
	font-size: 0.8em;
	font-weight: 600;
}
		/*			contenu esprit deco => page de detail
		------------------------------------------------------------- */
ul#decoVignette {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
ul#decoVignette li {
	float: left;
	margin: 8px 5px;
	padding: 0;
	border: 1px solid #660066;
	width: 124px;
	list-style: none;
	height: 164px;
}
ul#decoVignette img {
	border: 2px solid white;
}
/*			contenu galerie
------------------------------------------------------------------------------------------------- */
div#galerieContainer {
	margin: 0 auto;
	width: 760px;
	background: url(../images/commun/galerie_bg.gif) repeat-y right;
}
p.galNav {
	margin: 10px 0 0;
	padding: 0;
	text-align: center;
}
div#gal.galerie {
}
h2.galerie {
	background: url(../images/commun/galerie_bg_titre.jpg) repeat-y top left;
}
div#galVignette {
	margin: 50px 30px 0 0;
	padding: 2px 0;
	text-align: center;
}
div#galVignette ul {
	margin: 0;
	padding: 0;
}
div#galVignette li {
	margin: 8px auto;
	padding: 0;
	border: 1px solid #660066;
	width: 104px;
	list-style: none;
	display: inline;
	height: 94px;
}
div#galVignette img {
	border: 2px solid white;
}
div#galImage {
	margin: 50px 30px 0 0;
	text-align: center;
	height: 350px;
}
div#galImage p.out img {
	padding: 2px;
	border: 2px solid transparent;
	_border: none;
}
div#galImage p.on img {
	padding: 2px;
	border: 2px solid #660066;
	background: white;
}
div#galDesc {
	color: white;
	font-size: 0.85em;
}
/*			formulaire de contact
------------------------------------------------------------------------------------------------- */
p#contactTitre {
	margin: 35px 0 10px 0px;
	padding: 0 5px 0;
	width: 190px;
	text-align: right;
}
div#lien {
	margin-left: 40px;
}
div#lien ul {
	margin: 15px 0;
	padding: 0;
}
div#lien li {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#lien a, div#lien a:link, div#lien a:active, div#lien a:visited, div#lien a:hover {
	color: white;
	font-weight: bold;
	font-size: 0.8em;
	text-decoration: none;
}
div#lien p {
	margin: 0;
	padding: 0;
	font-size: 1.15em;
	font-weight: bold;
}
p.message {
	margin: 0 0 10px 40px;
}
div#contact {
	width: 420px;
	margin: 0 auto;
	border: 2px solid #660066;
	padding: 10px 0 1px 20px;
	background: url(../images/commun/contact_bg.jpg) repeat-y top left;
}
div#contact fieldset {
	border: none;
	line-height: 0;
}
div#contact legend {
	visibility: hidden;
}
div#contact label {
	float: left;
	width: 30%;
	margin: 0;
	padding: 0 1em 0 0;
	font-weight: bold;
	font-size: 1.1em;
	text-align: left;
	line-height: 1.8em;
	cursor: pointer;
}
input#nom, input#prenom, input#societe, input#mail, textarea#commentaire {
	width: 230px;
}
div#contact input, textarea {
	margin: 0px;
	padding: 2px 5px;
	border: 1px solid white;
	color: white;
	background: #660066;
	font-weight: bold;
}
div#VDaemonID_1 {
	margin: 0 0 10px 40px;
	color: white;
	font-weight: bold;
	font-size: 0.75em;
}
div#VDaemonID_1 li {
	list-style: none;
	color: white;
}
label.error {
	color: #660066;
}
#contactBouton {
	margin-left: 33%;
}
		/*		validation formulaire
		----------------------------------------------- */
div#commentaire_error_element {
	margin-left: 33%;
}
div.form_validation_field_error_error_message {
	color: red;
	font-weight: bold;
}
		/*		plan de situation	
		------------------------------------------------------------- */
div#adresse p.adresse {
	margin: 0;
	padding: 0 10px 0 0;
	font-weight: bold;
	font-size: 0.85em;
	text-align: right;
}
div#adresse p.phone {
	color: #E2C9E7;
	font-weight: bold;
	font-size: 0.85em;
	text-align: center;
}
/*			infos legales
------------------------------------------------------------------------------------------------- */
div#infoslegales h3 {
	color: white;
	font-size: 1.05em;
	font-weight: bold;
}
div#infoslegales a,  div#infoslegales a:active, div#infoslegales a:link, div#infoslegales a:visited {
	color: white;
	text-decoration: underline;
}
div#infoslegales a:hover {
	text-decoration: none;
}
/*			livre d'or
------------------------------------------------------------------------------------------------- */
div#livreContent {
}
p#livreTitre {
	margin: 35px 0 10px 0px;
	padding: 0 5px 0;
	width: 190px;
	text-align: right;
}
		/*		reference	
		------------------------------------------------------------- */
div#reference {
	width: 220px;
	float: left;
}
div#reference ul {
	margin: 0;
	padding: 0;
}
div#reference li {
	margin: 0 0 0 20px;
	padding: 0 10px 0 0;
	border-bottom: 2px solid #FFCC00;
	list-style: none;
	color: white;
	text-align: right;
}
		/*		livre d'or	
		------------------------------------------------------------- */
div#livre {
	margin-left: 240px;
}
div#livre p {
	color: white;
	font-weight: bold;
}
div#livre ul {
	margin: 0;
	padding: 0;
}
div#livre li {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#livre a, div#livre a:link, div#livre a:active, div#livre a:visited {
	color: white;
	font-size: 0.8em;
	text-decoration: underline;
}
div#livre a:hover {
	text-decoration: none;
}
		/*			formulaire login livre d'or
		------------------------------------------------------------- */
div#livreForm {
}
div#livreForm label {
	float: left;
	width: 35%;
	margin: 0;
	padding: 0 1em 0 0;
	font-weight: bold;
	font-size: 1.1em;
	text-align: left;
	line-height: 1.8em;
	cursor: pointer;
}
input#username, input#password {
	width: 150px;
}
div#livreForm input {
	margin: 0px;
	padding: 2px 5px;
	border: 1px solid #660066;
	color: #660066;
	background: url(../images/commun/livre_bg_form.jpg) repeat-y left top;
	font-weight: bold;
}
p#livreBouton {
	margin-left: 40%;
	_margin-left: 10%;
}
		/*			insertion des commentaires
		------------------------------------------------------------- */
div#commentForm {
	margin: 0 50px;
}
div#commentForm p {
	margin: 0;
	padding: 0 0 10px 0;
	color: #FFCC00;
}
div#commentForm textarea {
	padding: 2px 5px;
	border: 1px solid #660066;
	width: 350px;
	color: #660066;
	background: #FFCC00;
	font-weight: bold;
	height: 100px;
}
div#commentForm input {
	margin: 0px;
	padding: 2px 5px;
	border: 1px solid #660066;
	color: #660066;
	background: url(../images/commun/livre_bg_form.jpg) repeat-y left top;
	font-weight: bold;
}
		/*		affichage commentaire
		------------------------------------------------------------- */
div#livreComment {
	margin: 0 auto;
	width: 368px;
}
div#haut {
	width: 368px;
	background: url(../images/commun/livre-haut.jpg) no-repeat left top;
	height: 97px;
}
div#comment {
	padding: 20px;
	width: 328px;
	background: url(../images/commun/livre-milieu.jpg) repeat-y left top;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	text-align: center;
}
div#bas {
	width: 368px;
	background: url(../images/commun/livre-bas.jpg) no-repeat left top;
	height: 92px;
}
		/*		commun a livre et reference	
		------------------------------------------------------------- */
div#reference h2, div#livre h2 {
	padding: 0 0 0 25px;
	margin: 0 0 15px 0;
	color: #FFCC00;
	background: url(../images/commun/livre_puce.gif) no-repeat bottom left;
	font-size: 1em;
	font-weight: bold;
}

