/*********************/
/* Styles génériques */
/*********************/

body {
	margin: 0 auto;
	background: #484343;
	}

p {	line-height: 20px; }

#header {
	margin: auto;
	width: 940px;
	height: 120px;
	background: #484343 url(/images/page_haut.gif) no-repeat bottom left;
	}

#logo {
	float: left;
	width: 370px;
	height: 50px;
	margin: 47px 0 0 0px;
	background: #484343 url(/images/logo.gif) no-repeat top left;
	}

#logo_mainpage {
	float: left;
	width: 350px;
	height: 50px;
	margin: 47px 0 0 10px;
	background-color: #484343;
	}

#langbox {
	float: right;
	width: 80px;
	height: 24px;
	margin: 23px 0 0 0;
	}

#langbox img { border: 0; }

#wrapper {
	margin: auto;
	width: 940px;
	background: #fff url(/images/page_corps.gif) top left;
	}

#page {
	margin: auto;
	width: 900px;
	background: #fff url(/images/pattern_page.png) top left;
	}

/****************************/
/* Styles pour le catalogue */
/****************************/

.galtitlecell {
	width: 300px;
	height: 300px;
	border: 5px #958877 solid;
	background-color: #f0f0ff;
	}

#galtitlelabel {
	width: 280px;
	padding: 10px;
	text-align: center;
	filter: alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	background-color: #000;
	}

#galtitlelabel a,
#galtitlelabel a:hover,
#galtitlelabel a:visited,
#galtitlelabel a:active {
	width: 280px;
	padding: 10px;
	text-align: center;
	filter: alpha(opacity=10);
	-moz-opacity: 1;
	opacity: 1;
	font-family: arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-decoration: none;
	}

#galtitlelabel a:hover { text-decoration: underline; }

#galtitlelabel:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	}

.indent { padding-left: 20px; }

.catcell {
	width: 110px;
	height: 110px;
	border: 5px #958877 solid;
	background-color: #f0f0ff;
	}

.favcell {
	width: 110px;
	height: 130px;
	border: 5px #958877 solid;
	background-color: #958877;
	}

#favlabel {
	float: left;
	width: 95px;
	height: 15px;
	padding: 0;
	padding-top: 4px;
	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #958877;
	}

#favbutton {
	float: right;
	width: 15px;
	height: 14px;
	padding-top: 4px;
	text-align: right;
	background-color: #958877;
	}

#catlabel {
	width: 100px;
	padding: 5px;
	text-align: center;
	filter: alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	}

#catlabel a, #catlabel a:visited {
	color: #fff;
	text-decoration: none;
	}

#catlabel a:hover {
	text-decoration: underline;
	}

/*******************/
/* Tables homepage */
/*******************/

#homepage {
	width: 900px;
	height: 420px;
	background: #fff url(/images/splash.jpg) no-repeat top left;
	}

#homepage_body {
	width: 870px;
	height: auto;
	margin-bottom: 20px;
	background: transparent;
	}

#homepage_body tr td p {
	font-family: trebuchet MS;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	}

#homepage_body tr td p.large {
	font-size: 17px;
	color: #555;
	}

#homepage_body tr td p.large b {
	font-size: 20px;
	color: #000;
	}

#menu {
	margin: auto;
	float: right;
	width: 570px;
	margin: 65px 0 0 0;
	}

/***********************/
/* Styles pied de page */
/***********************/

#footer {
	margin: auto;
	width: 940px;
	height: 70px;
	background: #484343 url(/images/page_bas.gif) no-repeat top left;
	}

#footer_message {
	margin: auto;
	padding-top: 20px;
	font-family: trebuchet MS;
	font-size: 14px;
	font-weight: bold;
	color: #ccc;
	text-align: center;
	}

#footer_message a, #footer_message a:visited {
	text-decoration: none;
	color: #ccc;
	border-bottom: 1px #aaa dotted;
	}

#footer_message a:hover {
	text-decoration: underline;
	color: #fff;
	border: 0;
	}

#footer_message a.imglink { border: 0; }

/**************************/
/* Styles de la page NEWS */
/**************************/

#news_content {
	margin: 20px 0 0 0;
	width: 610px;
	float: left;
	border-right: 1px #888888 dotted;
	padding-right: 20px;
	}

#news_sidebar {
	margin: 20px 0 0 0;
	width: 220px;
	float: right;
	}

#news_sidebar h2, #news_sidebar p {
	font-family: "trebuchet ms", arial,helvetica,sans-serif
	font-size: 13px;
	color: #000000;
	}

#news_sidebar h2 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 16px;
	color: #004488;
	font-weight: bold;
	}

#news_sidebar a, #news_sidebar a:visited {
	margin: 0 0 15px 0;
	color: #0066aa;
	text-decoration: none;
	border-bottom: 1px #888888 dotted;
	}

#news_sidebar a:hover {
	border: 0;
	text-decoration: underline;
	}

#news_item, #news_item p {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	color: #000;
	line-height: 22px;
	font-size: 11pt;
	}

#news_item h2 {
	font-family: "trebuchet ms", arial,helvetica,sans-serif;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	padding-top: 20px;
	font-size: 13pt;
	color: #004488;
	font-weight: bold;
	border-top: 1px #aaa dotted;
	}

#news_item h2.first { padding-top: 0; border: 0; }

#news_item p code {
	font-family: "trebuchet ms", arial,helvetica,sans-serif;
	color: #888;
	}

#news_pagination {
	font-size: 12px;
	text-align: right;
	margin-top: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px #888 dotted;
	}

#news_pagination a, #news_pagination a:visited {
	color: #888;
	text-decoration: none;
	border: 0;
	}

#news_pagination a:hover {
	color: #004488;
	text-decoration: underline;
	}

/****************************/
/* Styles de têtes de pages */
/****************************/

#pagetitle_catalog,
#pagetitle_news,
#pagetitle_gallery,
#pagetitle_commande,
#pagetitle_apropos,
#pagetitle_admin,
#pagetitle_contact,
#pagetitle_event,
#pagetitle_comdetail {
	height: 65px;
	border: none;
	font-family: georgia, "times new roman", serif;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	padding: 15px 0 0 15px;
	border-bottom: 10px #958877 solid;
	}

/* #pagetitle_catalog  { background: #fff url(/images/pattern_catalogue.png) top left; } */
/* #pagetitle_news     { background: #fff url(/images/pattern_news.png) top left; color: #333333; } */
/* #pagetitle_gallery  { background: #fff url(/images/pattern_gallery.png) top left; color: #000000; } */
/* #pagetitle_commande { background: #fff url(/images/pattern_commande.png) top left; color: #ffffff; } */
/* #pagetitle_apropos  { background: #fff url(/images/pattern_access.png) top left; } */

#pagetitle_catalog   { background: #fff url(/images/bd_catalogue.png) top left no-repeat; }
#pagetitle_news      { background: #fff url(/images/bd_blog.png) top left no-repeat; }
#pagetitle_gallery   { background: #fff url(/images/bd_photos.png) top left no-repeat; }
#pagetitle_commande  { background: #fff url(/images/bd_commande.png) top left no-repeat; }
#pagetitle_apropos   { background: #fff url(/images/bd_presentation.png) top left no-repeat; }
#pagetitle_contact   { background: #fff url(/images/bd_contact.png) top left no-repeat; }
#pagetitle_comdetail { background: #fff url(/images/bd_comdetail.png) top left no-repeat; }
#pagetitle_event     { background: #fff url(/images/bd_event.png) top left no-repeat; }

#pagetitle_admin    { background-color: #000000; text-align: center; }

/****************************/
/* Styles de corps de pages */
/****************************/

#pagecontent_catalog, #pagecontent_gallery, #pagecontent_news, #pagecontent_apropos, #pagecontent_commande, #pagecontent_admin {
	padding: 0 15px 0 15px;
	font-family: "trebuchet ms", arial, sans-serif;
	color: #000000;
	font-size: 11pt;
	}

#pagecontent_catalog_detail,
#pagecontent_gallery_detail {
	padding: 0 15px 0 30px;
	font-family: "trebuchet ms", arial, sans-serif;
	color: #000;
	font-size: 11pt;
	}

#pagecontent_catalog_detail a, #pagecontent_catalog_detail a:visited,
#pagecontent_commande a, #pagecontent_commande a:visited,
#pagecontent_gallery_detail a, #pagecontent_gallery_detail a:visited {
	text-decoration: none;
	color: #000;
	border-bottom: 1px #888888 dotted;
	}

#pagecontent_catalog_detail a:hover {
	text-decoration: underline;
	color: #aa0000;
	border-bottom: none;
	}

#pagecontent_catalog_detail a.imglink { border: 0; }

#pagecontent_commande a, #pagecontent_commande a:visited { background-color: #fffbca; }
#pagecontent_gallery_detail a:hover,
#pagecontent_commande a:hover {
	text-decoration: underline;
	color: #000;
	border-bottom: none;
	}

#pagecontent_news h2, #pagecontent_commande h2 {
	font-family: "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size: 14pt;
	color: #000084;
	}

#pagecontent_catalog h2, #pagecontent_catalog_detail h2 {
	font-family: "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	padding-left: 15px;
	color: #880000;
	}

#pagecontent_gallery h2, #pagecontent_gallery_detail h2 {
	font-family: "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	padding-left: 15px;
	color: #000;
	}

#pagecontent_gallery_detail h2 {padding: 0;}

#pagecontent_catalog_detail h2 {
 	padding-left: 0px;
 	}

#pagecontent_catalog_detail h3 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	color: #000;
	}

#pagecontent_admin { padding-top: 20px; }
#pagecontent_admin img { border: 0; }

/*************/
/* Catalogue */
/*************/

#catalog_thumbs a, #catalog_thumbs a:visited, #catalog_thumbs a:hover,
#gallery_thumbs a, #gallery_thumbs a:visited, #gallery_thumbs a:hover {
	text-decoration: none;
	border: none;
	}

#catalog_thumbs img, #gallery_thumbs img {
	width: 110px;
	height: 110px;
	margin: 0 10px 10px 0;
	border: 5px #958877 solid;
	}

/*******************/
/* Bon de commande */
/*******************/

#orderform {
	border: 1px #888888 solid;
	background-color: #ffffee;
	padding: 10px;
	margin: 0 20px 0 0;
	}

#orderform h1 {
	font-family: "trebuchet MS", tahoma, arial, helvetica, "sans-serif";
	font-size: 18px;
	color: #395a87;
	margin-top: 0;
	}

#keywords {
	font-size: 4px;
	color: transparent;
	font-family: arial, helvetica, sans-serif;
	height: 0px;
	display: none;
	}

