	
	body {font: 12px Verdana; margin: 0; padding: 0;}

		/* canvas */

		#container {width: 600px; margin: 50px auto;}

		#container .corner, #container .hside, #container .left, #container .right {line-height: 10px; margin: 0; padding: 0; line-height: 0.1; display: block;}

		#container .corner  {width: 10px; height: 10px; position: absolute;}
		#container .hside   {height: 10px; margin: 0 10px;}
		#container .left    {left: 0;}
		#container .right   {right: 0;}

		#container #bottom,
		#container #top {width: 100%; height: 10px; position: relative;}

		#container #top div {background-image: url(http://designteam.free.fr/chatconf/img/master.gif); background-color: transparent; background-repeat: repeat-x;}
		#container #top .corner {bottom: 0;}
		#container #top .hside  {background-position: 0 -10px;}
		#container #top .right  {background-position: -10px 0;}

		#container #bottom div {background-image: url(http://designteam.free.fr/chatconf/img/master.gif); background-color: transparent; background-repeat: repeat-x;}
		#container #bottom .corner {top: 0;}
		#container #bottom .hside  {background-position: 0 -20px;}
		#container #bottom .left  {background-position: -30px 0;}
		#container #bottom .right  {background-position: -20px 0;}

		#container #wrapper {background: transparent url(http://designteam.free.fr/chatconf/img/v-sides.gif) -10px 0 repeat-y;padding-left: 10px;}
		#container #wrapper div.subwrapper01 {background: transparent url(http://designteam.free.fr/chatconf/img/v-sides.gif) 0 0 repeat; padding-right: 10px;}
		#container #wrapper div.subwrapper01 div.subwrapper02 {background: #ffffff;}

		#container #wrapper #header img {width: 200px; height: 63px; display: block; background: transparent url(http://designteam.free.fr/chatconf/img/master.gif) 0 -30px repeat-x;}
		
		/* Contenu */
		
		#container #wrapper #content {padding: 10px; background: transparent url(http://designteam.free.fr/chatconf/img/master.gif) 0 -92px repeat-x; border-top: 1px solid #d3e2f0;}
		#container #wrapper #content table.chat_table {width: 80%; margin: 0 auto; display: block;}
		#container #wrapper #content h1,
		#container #wrapper #content .chat_cell_msg {text-align: center; font: 18px "Trebuchet MS", "Calibri", Verdana, Arial; font-weight: bold; word-spacing: -0.1em; padding-bottom: 10px; color: #444444;}
		#container #wrapper #content .chat_cell_error_msg {border: 1px solid #FFC451; font-size: 12px;}
		#container #wrapper #content .chat_label {padding: 3px 0;}
		#container #wrapper #content input.chat_field {width: 50%; height: auto; text-indent: 2px;}
		#container #wrapper #content textarea.chat_textarea_field {width: 100%; height: 5em;}
		#container #wrapper #content input.chat_field,
		#container #wrapper #content textarea.chat_textarea_field {border: 1px solid #c1c1c1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: transparent url(http://designteam.free.fr/chatconf/img/bg-form-elts.gif) top left repeat-x; padding: 2px 1px;}
		#container #wrapper #content input.chat_button {border: 1px solid #ff9600; background: #ffa52c url(http://designteam.free.fr/chatconf/img/bg-buttons-elts.gif) 0 -18px repeat-x; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #ffffff; font-weight: bold;}
		#container #wrapper #content td.chat_cell {font-size: 12px;}
		#container #wrapper #content a {color: #006699;}
		
		/* styles par page */
		
		#container.questionbeforechat #wrapper #content td.chat_cell_button input[value="Annuler"] {border: 1px solid #cccccc; background-position: 0 0;}
		#container.login #wrapper #content table.chat_table {width: 50%;}
		#container.login #wrapper #content input.chat_field {width: auto;}
		#container.login #wrapper #content input.chat_button {margin-left: 50%; margin-top: 25px;}