body
		{
			margin: 10px 0 ;
			padding: 0 ;
			text-align: center ;
			font: 0.9em "Trebuchet MS", helvetica, sans-serif ;
			background: #dea ;
		}
		
		span {
			color: #dea ;
		}

		div.conteneur
		{
			width: 770px ;
			margin: 0 auto ;
			text-align: left ;
			border: 2px solid #ab4 ;
			background: #92433a ;
		}

		div.copyright {
	        font-size:10px;
	        text-align: center;
			width: 770px ;
			margin: 0 auto ;
			margin-top: 2px;
		}

		
		h1#header
		{
			height: 160px ;
			margin: 0 ;
			background: url(../ima/logoceramicarts.jpg) no-repeat left top ;
		}
		
		h1#header a
		{
			width: 500px ;
			height: 120px ;
			display: block ;
			background: url(../ima/ceramicarts.jpg) no-repeat ;
			position: relative ;
			left: 250px ;
			top: 25px ;
		}
		
		h1#header a span
		{
			display: none ;
		}
		
		ul#menu {
				list-style: none ;
				margin: 0 ;
				padding: 0 ;
				overflow: hidden ;	/* Création du contexte de formatage */
				margin-left: 10px ;
		}
		
		ul#menu li {
				float: left ;
				width: 90px ;
				border: 1px solid #ab4 ;
				margin-right: 1px ;
				background: #dea;

		}

		ul#menu li a {
				display: block ;
				color: #92433a ;
				font: 1em "Trebuchet MS",Arial,sans-serif ;
				line-height: 1em ;
				padding: 4px 0 ;
				text-align: center ;
				text-decoration: none ;
		}


		ul#menu li a:hover, ul#menu li a:focus, ul#menu li a:active {
				color: #dea;
				background: #92433a;
				text-decoration: underline;
				font-style: italic;
				/* font-weight: bold; */
		}

		#display li {
			padding-left:30px;
			list-style-type : square; color:#8a0;
		}
		
		ul#diapo
		{
			list-style: none ;
		}

		ul#diapo li
		{
			color: #8a0 ;
		}
		
		ul#diapo li a
		{
			color: #8a0 ;
		}
		
		ul#diapo li a:hover
		{
			color: #9b2 ;
		}

		ul#left
		{
			float: left ;
		}

		ul#left li
		{
			line-height: 30px ;
			width: 120px ;
			color: #8a0 ;
		}
		

		div#contenu
		{
			padding: 25px 50px 100px 100px ;
		}
		
		div#contenu h2
		{
			padding-left: 30px ;
			line-height: 25px ;
			background: url(../ima/h2.jpg) no-repeat left bottom ;
			color: #9b2 ;
			border-bottom: 1px solid #9b2 ;
			font-style: italic;
		}
		
		div#contenu h3
		{
			margin-left: 15px ;
			padding-left: 5px ;
			border-bottom: 1px solid #9b2 ;
			color: #9b2 ;
			font-style: italic;
		}

		div#contenu h4
		{
			margin-left: 15px ;
			color: #9b2 ;
			font-style: italic;
		}

		div.h3
		{
			margin-left: 5px ;
			padding-left: 15px ;
			color: #dea ;
		}


		
		div#contenu p
		{
			text-align: justify ;
			text-indent: 2em ;
			line-height: 1.7em ;
		}
		
		div#contenu a
		{
			color: #8a0 ;
		}
		
		div#contenu a:hover
		{
			color: #9b2 ;
		}
		
		p
		{
			margin: 0 ;
			padding-right: 10px ;
			line-height: 30px ;
			text-align: center ;
			color: #dea ;
		}

		
		p.fomulaire
		{
			line-height:4em;
			vertical-align:middle;
		}		

		
		p#footer
		{
			margin: 0 ;
			padding-right: 10px ;
			line-height: 20px ;
			text-align: center ;
			color: #dea ;
			padding-bottom: 10px ;
		}

		p#footer a
		{
			color: #ab4 ;
		}

		p#footer em
		{
			line-height: 30px ;
			font-size:180%;
		}
		
		em {
			font-weight: bold;
			font-size:120%;
		}
		span.comment
		{
			color: #8a0 ;
			font-size:80%;
		}
		
		pre
		{
			overflow: auto ;
			background: #dea ;
			border: 2px solid #9b2 ;
			padding: 5px 0 0 5px ;
			font-size: 1.2em ;
		}
		
		
		pre span
		{
			color: #560 ;
		}
		
		pre span.comment
		{
			color: #b30000 ;
		}
		
		table.center 
		{
			margin-top: 30px; 
			margin-left:auto; 
			margin-right:auto;
		}
				
		td img {		
			width  : 200px;
			height : 150px;
			border : 1px solid #dea
		}

		td img#milieu {		
			width  : 165px;
			height : 185px;
		}

		img#image {		
			width  : 350px;
			height : 250px;
			border : 1px solid #dea
		}


	.floatright {
		float: right;
		margin: 0 0 10px 10px;
		border: 1px solid #dea;
		padding: 2px;
	}

	.floatleft {
		float: left;
		margin: 0 10px 0 10px;
		border: 1px solid #dea;
		padding: 2px;
	}

	div.info {
		float: right;
		border: 1px solid #8a0;
		padding: 5px;
		background-color:#dea;
	    	margin-left: 10px;
		margin-right: auto;
		text-align: center;
		font-weight: bold;
	}

	span.info {
		font-size:110%;		
		color: #92433a;
	}

	div.center {
	    margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	div.left {
		float : left;
	}
	
	div.right {
		float : right;
	}
	
	div.end {
		clear:both;
		height:1px;
        font-size:1px;
	}

	div.clear {
		clear:both;
	}

	div.none {
		float:none;
	}

	
	table.tarifs {
		border:2px solid #8a0;
		border-collapse:collapse;
		width:80%;
		margin:auto;
	}
	
	table.tarifs thead, tfoot {
		text-align: center;
		background-color:#92433a ;
		border:1px solid #dea;
		color:#dea;
	}
	
	table.tarifs tbody {
		background-color:#dea;
		border:1px solid #8a0;
	}
	
	table.tarifs th {
		border:1px solid #dea;
		padding:5px;
		width:25%;
	}

	table.tarifs th.thimage {
		color:#dea;
		background-color:#92433a ;
		width:35%;
	}
	
	
	table.tarifs td {
		font-family:sans-serif;
		font-size:80%;
		border:1px solid #8a0;
		padding:5px;
		text-align:center;
		font-weight: bold;
	}

	table.tarifs caption {
		color:#8a0;
		font-family:sans-serif;
		line-height: 25px ;
		font-weight: bold;
		font-style: italic;
		text-align: center;
	    margin-left: auto;
		margin-right: auto;
	}
	
	form.css legend {
		color: #8a0 ;	
	}
	
	form.css fieldset  {
	  padding: 1em;
	}

	form.css label  {
		color: #dea ;
		display: inline;
		float: left;
		width: 200px;
	 } 	

	img.validation {
		border: 0;
	}